[置顶] border的使用

border默认样式为none,默认颜色为盒内字体颜色,如果没有设置字体颜色的话,则默认向上一级继承,<style type="text/css">

#box {
	500px;
	height:400px;
	padding:8px 24px;
	margin:6px;
	border-style:outset;
	border-4px;
	border-color:#aaa;	
	font-size:14px;
	color:#D02090;
	list-style-position:inside;
	}
#box h2 {
	padding-bottom:12px;
	border-bottom-style:double;
	border-bottom-6px;
	border-bottom-color:#999;
	text-align:center;
	color:#000000;
	}
#box li {
	padding:6px 0;
	border-bottom-style:dotted;
	border-bottom-1px;
	border-bottom-color:#66CC66;
	}	
</style>

<ol id="box">
	<h2>边框样式应用</h2>
	<li>none:默认值,无边框,不受任何指定的border-width值影响。</li>
	<li>hidden:隐藏边框,IE不支持。</li>
	<li>dotted:定义点线。</li>
	<li>dashed:定义虚线。</li>
	<li>solid:定义实线。</li>
	<li>double:定义双线边框,两条线及其间隔宽等于指定的border-width值。</li>
	<li>groove:根据border-color值定义3D凹槽。</li>
	<li>ridge:根据border-color值定义3D凸槽。</li>
	<li>inset:根据border-color值定义3D凹边。</li>
	<li>outset:根据border-color值定义3D凸边。	</li>
</ol>



原文地址:https://www.cnblogs.com/wsq724439564/p/3258184.html