如何用css画一条虚线？

Question

如何用CSS绘制虚线？

Answer 1

例如:

hr {
  border:none;
  border-top:1px dotted #f00;
  color:#fff;
  background-color:#fff;
  height:1px;
  width:50%;
}

另见的样式<hr>与CSS.

Answer 2

<style>
    .dotted {border: 1px dotted #ff0000; border-style: none none dotted; color: #fff; background-color: #fff; }
</style>
<hr class='dotted' />

Answer 3

使用HTML:

<div class="horizontal_dotted_line"></div>

并在styles.css中:

.horizontal_dotted_line{
  border-bottom: 1px dotted [color];
  width: [put your width here]px;
} 

Answer 4

接受的答案有很多不再需要的现代浏览器.我已经在IE8上亲自测试了所有浏览器上的以下CSS,它完美无缺.

 hr {
    border: none;
    border-top: 1px dotted black;
  }

border: none必须先来,删除浏览器应用于hr标签的所有默认边框样式.

Answer 5

你的意思是'border:1px点缀黑色'吗？

w3schools.com参考

Answer 6

这条线应该适合你:

<hr style="border-top: 2px dotted black"/>