在css中，可以使用width属性来设置hr水平线的长度，只需要给hr元素添加“hr{width: 宽度值;}”样式即可；宽度值可以像素计或百分比计。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
标签在 HTML 页面中创建一条水平线。
水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。
默认hr水平线的长度（宽度）就是浏览器视窗的宽度，会随着视窗宽度的变化而变化。
立即学习“前端免费学习笔记（深入）”；
但，也是可以自己设置的！
我们可以利用css width属性来改变hr水平线的长度（宽度）。width 属性可以规定水平线的宽度，以像素计或百分比计。
hr{width: 100px;}
（学习视频分享：css视频教程）
以上就是css对hr的长度怎么设置的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1622157.html
微信扫一扫 
支付宝扫一扫 
