css怎么对hr进行修改宽?

HTML中<hr/>标签设置水平线的宽度默认是占满全屏的,有时我们不需要hr宽度占满全屏,我们该如何修改hr宽度呢?下面我们来看一下CSS设置hr宽度的方法。

b6ee573e1b29be13a675ef7a710f112f

css可以通过修改hr标签的width属性来修改hr宽度,CSS 语法:<hr style="width:50%" />。

示例:

<html>
<body>

<p>普通的水平线:</p>
<hr />

<p>宽度为 50% 的水平线:</p>
<hr style="width:50%" />

</body>
</html>

效果如下:

816b04002b056375e03acc16379be3a8

width属性的属性值:

  • pixels 规定以像素计的宽度(比如 "50px" 或者仅仅是 "50")。

  • % 规定以可用空间的百分比计的宽度(比如 "50%")。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容