问为什么我的'hr‘在HTML中显示有额外的半个像素？

EN

使用height属性而不是line-height属性，这应该可以解决您的问题。下面是一些关于设置hr标签样式的附加信息。Cross-Browser hr Styling

它现在在评论中，但这里是对他有效的修复。hr {border:无；border-top:1px #CCCCCC实体；height: 1px；}

在大多数浏览器中，HR在其上使用阴影。您应该使用css或类似以下内容来覆盖样式：

<hr noshade size="1" />

更新: noshade已弃用...请参阅http://www.electrictoolbox.com/style-html-hr-tag-css/

Css解决方案：

hr {
    border: none;
    background-color: #000;
    color: #000;
    height: 1px;
}