CSS怎么定义一条水平虚线与实线

水平实线：<hr/>或<div style="height:10pxborder-bottom:1px solid #f11"></div>

虚线：<div style="height:10pxborder-bottom:1px dashed #f11"></div>

主要是用：border

border-style 。这样：border:solid。

知识详解：

border-style 属性用于设置元素所有边框的样式，或者单独地为各边设置边框样式。

只有当这个值不是 none 时边框才可能出现（就是说，不要none属性，none是不显示的意思）。

border有多个边框属性：“颜色、宽度、样式。”

而你说的是样式：譬如“dotted solid double dashed。”

这四个分别是“点状线、实线、双线、虚线。”

直接用：border是上下左右都使用样式。

border-top，上边框。

border-bottom，下边框。

border-left，左边框。

border-right，右边框。

css中添加边框的代码为

border: width style color /*分别设置边框粗细、样式、颜色*/

示例如下：

创建Html元素：一个包含文章内容的div

<div class="post">这是示例的文章。</div>

设置css样式

div.post{

width:400pxheight:100px

padding:10px

border:2px solid #ebbccb /*设置边框为2px粗，实线，#ebbccb色*/

}

观察显示效果

---