[置顶] border的使用

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

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