在我们的日常开发工作中, web 页面开发都是避免不了的, 那么在 Web 网页开发中, 很多时候都能遇到虚线样式的设置, 那么我们今天就给大家介绍一下关于虚线样式设置的方法.
通过设置虚线边框来设置虚线:
<div id="xuxian"></div>
然后将该边框的高度设置为 0, 将上边框或者下边框其中一个设置为一个像素的虚线. 具体如下:
- #xuxian{
- width:100%;
- height:0;
- border-bottom:#000000 1px dashed;
- }/*#000000 表示白色, 边框宽度为一个像素, 边框线型为虚线 */
效果图:
在 html 中 hr 标签同样可以设置水平线, 我们可以通过给 hr 标签设置 CSS 样式实现虚线效果.
CSS 代码:
hr{border:1px dashed}
效果图:
来源: http://www.css88.com/qa/css3/12504.html