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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<meta http-equiv="Content-Language" content="zh-CN" />
		<title>CSS border-style 属性示例 -- CSS教程</title>
		<style type="text/css" media="all">
			div#top
			{
				border-top-style:dotted;
			}

div#right
			{
				border-right-style:double;
			}

div#bottom
			{
				border-bottom-style:solid;
			}

div#left
			{
				border-left-style:ridge;
			}

div
			{
				border-style:none;
				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_style/">border-top-style</a></strong>,<strong><a href="http://www.dreamdu.com/css/property_border_right_style/">border-right-style</a></strong>,<strong><a href="http://www.dreamdu.com/css/property_border_bottom_style/">border-bottom-style</a></strong>,<strong><a href="http://www.dreamdu.com/css/property_border_left_style/">border-left-style</a></strong>示例.</p>
			<div id="top">定义上边框样式border-top-style:dotted; 点划线</div>
			<div id="right">定义右边框样式,border-right-style:double; 双线</div>
			<div id="bottom">定义下边框样式,border-bottom-style:solid; 实线</div>
			<div id="left">定义左边框样式,border-left-style:ridge; 脊状</div>
	</body>
</html>