css怎么对hr进行修改宽?

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

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

示例:

<html>
<body>

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

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

</body>
</html>

效果如下:

1.jpg-600

width属性的属性值:

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

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

推荐:css手册

以上就是css怎么对hr进行修改宽?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑