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#top
			{
				border-top-width: thin;
				border-top-style:solid;
			}
		
			div#right
			{
				border-right-width: medium;
				border-right-style:solid;
			}
		
			div#bottom
			{
				border-bottom-width: thick;
				border-bottom-style:solid;
			}
		
			div#left
			{
				border-left-width: thin;
				border-left-style:solid;
			}
		
		
			div
			{		
				border-color:green;	
				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_top_width/">border-top-width</a></strong>,<strong><a href="http://www.dreamdu.com/css/property_border_right_width/">border-right-width</a></strong>,<strong><a href="http://www.dreamdu.com/css/property_border_bottom_width/">border-bottom-width</a></strong>,<strong><a href="http://www.dreamdu.com/css/property_border_left_width/">border-left-width</a></strong>示例.</p>
		<div id="top">只定义顶部边框 border-top-width: thin;</div>
		<div id="right">只定义右部框 border-right-width: medium;</div>
		<div id="bottom">只定义下部边框 border-bottom-width: thick;</div>
		<div id="left">只定义左部边框 border-right-width: thin;</div>
	</body>
</html>