在网页设计中经常需要使用分割线来分隔不同的元素。最常用的分割线就是CSS的三条横线了。以下是如何使用CSS三条横线的方法:
p {border-bottom: 1px solid #000;}
上面的代码将会给所有的p标签下面添加一条宽度为1像素的黑色实线分割线。
hr {border: none;border-top: 1px solid #000;}
上面的代码将会给所有的hr标签上面添加一条宽度为1像素的黑色实线分割线。由于border属性会覆盖border-top属性,所以border属性要设置成none。
hr {border: none;border-top: 1px dashed #000;}
上面的代码将会给所有的hr标签上面添加一条宽度为1像素的黑色虚线分割线。通过改变border-top的样式为dashed,实现了虚线的效果。