CSS border-style 属性示例 -- 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-style 属性示例</title>
		<style type="text/css" media="all">
			div#dotted
			{
				border-style: dotted;
			}
			div#dashed
			{
				border-style: dashed;
			}
			div#solid
			{
				border-style: solid;
			}
			div#double
			{
				border-style: double;
			}
			div#groove
			{
				border-style: groove;
			}
			div#ridge
			{
				border-style: ridge;
			}
			div#inset
			{
				border-style: inset;
			}
			div#outset
			{
				border-style: outset;
			}
			div#none
			{
				border-style: none;
			}
			div
			{
				border-width: thick;
				border-color: black;	
				margin: 2em;
			}
		</style>
	</head>
	<body>
		<p>梦之都 <a href="http://www.dreamdu.com/css/">CSS教程</a>,<strong><a href="http://www.dreamdu.com/css/property_border-style/">border-style</a></strong>示例.</p>
		<div id="dotted">梦之都CSS dotted(点划线)</div>
		<div id="dashed">梦之都CSS dashed(虚线)</div>
		<div id="solid">梦之都CSS solid(实线)</div>
		<div id="double">梦之都CSS double(双线)</div>
		<div id="groove">梦之都CSS groove(槽状) IE6下无法显示</div>
		<div id="ridge">梦之都CSS ridge(脊状) IE6下无法显示</div>
		<div id="inset">梦之都CSS inset(凹陷) IE6下无法显示</div>
		<div id="outset">梦之都CSS outset(凸出) IE6下无法显示</div>			
		<div id="none">梦之都CSS none(无样式)</div>
	</body>
</html>