如何创建一个虚线<hr />标签?

Ami*_*aqi 76 html css

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

<hr style="...what should I write?..." />
Run Code Online (Sandbox Code Playgroud)

或者还有其他伎俩吗?

小智 143

你可以拥有<hr style="border-top: dotted 1px;" />.这应该工作.

  • 设置“背景颜色:透明”以删除直线 (6认同)
  • 看起来很糟糕,一根线是直的,另一根是点状的。 (4认同)

use*_*160 28

hr {
    border-top:1px dotted #000;
    /*Rest of stuff here*/
}
Run Code Online (Sandbox Code Playgroud)


小智 18

hr {
    border: 1px dotted #ff0000;
    border-style: none none dotted; 
    color: #fff; 
    background-color: #fff;
}
Run Code Online (Sandbox Code Playgroud)

试试这个


tym*_*eJV 11

你可以做:

<hr style="border: 1px dashed black;" />
Run Code Online (Sandbox Code Playgroud)

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


Ble*_*der 8

<hr>标签只是一个边境短路元件:

<hr style="border-style: dotted;" />
Run Code Online (Sandbox Code Playgroud)


kar*_*ikr 7

你可以做:

<hr style="border-bottom: dotted 1px #000" />
Run Code Online (Sandbox Code Playgroud)