【发布时间】:2014-08-18 10:57:28
【问题描述】:
如何使用 CSS 创建虚线或任何类型的 hr 线(双线、虚线等)?
<hr style="...what should I write?..." />
或者有什么其他技巧吗?
【问题讨论】:
-
tips:如果要制作多条虚线,可以duplicate it with JavaScript
如何使用 CSS 创建虚线或任何类型的 hr 线(双线、虚线等)?
<hr style="...what should I write?..." />
或者有什么其他技巧吗?
【问题讨论】:
您可以只拥有 <hr style="border-top: dotted 1px;" /> 。应该可以的。
【讨论】:
hr {
border-top:1px dotted #000;
/*Rest of stuff here*/
}
【讨论】:
hr {
border: 1px dotted #ff0000;
border-style: none none dotted;
color: #fff;
background-color: #fff;
}
试试这个
【讨论】:
【讨论】:
<hr> 标签只是一个带有边框的短元素:
<hr style="border-style: dotted;" />
【讨论】:
你可以这样做:
<hr style="border-bottom: dotted 1px #000" />
【讨论】: