问CSS3 :如何获得5px宽的水平线
EN

Stack Overflow用户

提问于 2012-01-02 23:47:13

回答 6查看 16.8K关注 0票数 4

对于5像素宽的水平线，我尝试了以下代码css3样式

<hr style=" border: solid 1px red;padding-top:10px; margin:25px auto 15px auto;clear:both" />

但是我得到了5px宽的红色矩形。

请告知我一个适当的CSS3风格的代码。

css

回答 6

Stack Overflow用户

回答已采纳

发布于 2012-01-02 23:49:45

只要元素有正确的宽度，一个简单的：

border-bottom:5px solid red;

就能达到目的。

票数 10

Stack Overflow用户

发布于 2012-01-02 23:53:09

您应该使用宽度和高度属性，而不是边框：

width: 5px;
height: 1px;
color: red;

http://www.sovavsiti.cz/css/hr.html

票数 4

Stack Overflow用户

发布于 2018-08-03 03:34:25

只需使用"border-width“属性并将其设置为5px即可。<hr style="border-width: 5px !important;">

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/8702708

复制

相似问题

问CSS3 :如何获得5px宽的水平线
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS3 :如何获得5px宽的水平线EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS3 :如何获得5px宽的水平线
EN