CSS3之边框属性border_html/css_WEB-ITnose

CSS3之边框属性border

1、设计源码

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>边框属性border</title><style type="text/css">    #border_style{		border-width:thin;		border-style:dashed;		border-color:#0C9;	}	#border{		padding-top:200px;		border:dashed thin #0C9;	}</style>   <div id="border_style">Border</div>   <div id="border">Border</div>

2、设计结果

3、源码说明

（1）border设置样式等价于border-width、border-style和border-color三者设置效果

（2）border-width：设置边框的宽度

（3）border-style：设置边框的样式

（4）border-color：设置边框的颜色