【问题标题】:How to create a dotted <hr/> tag? [duplicate]如何创建一个带点的 <hr/> 标签? [复制]
【发布时间】:2014-08-18 10:57:28
【问题描述】:

如何使用 CSS 创建虚线或任何类型的 hr 线(双线、虚线等)?

<hr style="...what should I write?..." />

或者有什么其他技巧吗?

【问题讨论】:

标签: html css


【解决方案1】:

您可以只拥有 &lt;hr style="border-top: dotted 1px;" /&gt; 。应该可以的。

【讨论】:

  • 看起来很糟糕,一条直线,另一条虚线。
【解决方案2】:
hr {
    border-top:1px dotted #000;
    /*Rest of stuff here*/
}

【讨论】:

    【解决方案3】:
    hr {
        border: 1px dotted #ff0000;
        border-style: none none dotted; 
        color: #fff; 
        background-color: #fff;
    }
    

    试试这个

    【讨论】:

      【解决方案4】:

      你可以这样做:

      <hr style="border: 1px dashed black;" />
      

      演示:http://jsfiddle.net/JMfC9/

      【讨论】:

        【解决方案5】:

        &lt;hr&gt; 标签只是一个带有边框的短元素:

        <hr style="border-style: dotted;" />
        

        【讨论】:

          【解决方案6】:

          你可以这样做:

          <hr style="border-bottom: dotted 1px #000" />
          

          【讨论】:

            猜你喜欢
            • 2016-02-25
            • 1970-01-01
            • 2020-12-26
            • 2011-09-11
            • 1970-01-01
            • 2018-11-03
            • 1970-01-01
            • 2021-10-26
            • 2015-06-25
            相关资源
            最近更新 更多