hr有一个尖锐的结局......如何摆脱这个？

Question

所以我看着水平线here的页面，水平线看起来有些奇怪。我使用Chrome浏览器运行Windows，然后我放大了500％的视图，我看到了这一点： 看着水平线，你可以在线的开头看到一个看起来很烦人的小点。任何想法如何摆脱这个？

Answer 1

默认情况下，hr具有插入边框：

您看到的小点是左边框，与上边框一样黑。

然后，您可以删除左边框。

＆＃13;

＆＃13;

hr { 
  border-left: none;
} 

＆＃13;

<hr />

＆＃13;

＆＃13;

＆＃13;

Answer 2

尝试将边框样式更改为border-style: solid

hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: 1px;
}