CSS border-width 属性示例 -- CSS教程

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<title>CSS border-width 属性示例</title>
		<style type="text/css" media="all">
			div#fourborder
			{
				border-width: thick medium thin 12px;
			}
		
			div#threeborder
			{
				border-width: thick medium thin;
			}
		
			div#twoborder
			{
				border-width: thick 12px;
			}
		
			div#oneborder
			{
				border-width: thick;
			}
		
			div
			{
				border-style:solid;
				margin:10px;
			}
		</style>
	</head>
	<body>
		<p>梦之都 <a href="http://www.dreamdu.com/css/">CSS教程</a>,<strong><a href="http://www.dreamdu.com/css/property_border-width/">border-width</a></strong>示例.</p>
		<div id="fourborder">分别定义了四个边框border-width: thick medium thin 12px;</div>
		<div id="threeborder">分别定义了三个边框,左右一致border-width: thick medium thin;</div>
		<div id="twoborder">分别定义了两个个边框,左右一致,上下一致border-width: thick 12px;</div>
		<div id="oneborder">定义了一个边框,四个边一致border-width: thick;</div>
	</body>
</html>