css怎么设置hr的宽度
在css中，可以利用width属性来设置hr的宽度，该属性的作用就是设置元素的宽度，只需要给hr元素设置“hr{width: 宽度值+单位;}”样式即可。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
HTML中<hr/>标签设置水平线的宽度默认是占满全屏的
有时我们不需要hr宽度占满全屏，我们该如何修改hr宽度呢？我们可以利用css width属性来设置hr的宽度。
width 属性设置元素的宽度。该属性定义元素内容区的宽度，在内容区外面可以增加内边距、边框和外边距。
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
hr{
width: 100px;
}
</style>
</head>
<body>
<hr />
</body>
</html>
效果图：
（学习视频分享：css视频教程）
以上就是css怎么设置hr的宽度的详细内容！
相关内容
-
css如何设置td宽度
在css中，可以使用width属性设置td宽度，只需要给td元素设置“width:宽度值;”样式即可。width属性设置元素的宽度，该属性定义元素内容区的宽度，在内容区外面可以...
-
css怎么设置td的宽度
在css中，可以使用width属性来设置td宽度，只需要给td元素设置“width:宽度值;”样式即可。width属性可以设置元素的宽度，定义的是元素内容区的宽度，不包括填充，...
-
css滚动条的宽度怎么设置
css设置滚动条宽度的方法：1、使用“::-webkit-scrollbar”伪类选择器选中整个滚动条；2、通过width属性设置滚动条整体部分的宽度，语法格式为“::-web...
-
css怎么设置span的宽度
css设置span宽度的方法：首先使用“display:block;”或“display:inline-block;”样式将span元素设置为块状元素或内联块状元素；然后使用“...
-
css如何设置div的宽度
css设置div的宽度的方法是，给div添加width属性，并将属性值设置为合适的值，例如【width:100px;】。我们还可以给div设置百分比宽度，如【width:50%...
-
css怎么设置文本框宽度
在css中，可以使用width属性来设置文本框宽度，只需要给文本框元素textarea添加“width:宽度值;”样式即可。width属性可以设置元素的宽度，它定义了元素内容区...
-
css中如何设置元素宽度
设置方法：1、使用width属性设置宽度，语法“width:宽度值;”；2、使用min-width属性设置最小宽度，语法“min-width:宽度值;”；3、使用max-wid...
-
css对hr的长度怎么设置
在css中，可以使用width属性来设置hr水平线的长度，只需要给hr元素添加“hr{width:宽度值;}”样式即可；宽度值可以像素计或百分比计。本教程操作环境：window...
-
css怎么控制按钮不可用
方法：给按钮元素添加“pointer-events:none;”样式来让按钮元素永远不会成为鼠标事件的target，让其点击事件失效，即可控制按钮不可用。本教程操作环境：win...
-
css如何设置一行字显示不完隐藏
css中可利用overflow属性来设置一行字显示不完就隐藏；只需给文字的盒子元素添加“overflow:hidden;”样式，设置当内容溢出元素框时，将文字内容修剪，且溢出部...
