[分享]css中hr怎么设置

CSS中的hr是水平线的缩写，它可以在网页中起到分隔内容的作用。在CSS中设置hr的属性可以让它的外观更加美观，下面是一些常用的属性。hr { color: cccccc; / 线条颜色 / back...

CSS中的hr是水平线的缩写，它可以在网页中起到分隔内容的作用。在CSS中设置hr的属性可以让它的外观更加美观，下面是一些常用的属性。

hr {
  color: #cccccc; /* 线条颜色 */
  background-color: #cccccc; /* 背景颜色 */
  height: 1px; /* 线条高度 */
  border: none; /* 禁用默认边框 */
  margin-top: 20px; /* 上间距 */
  margin-bottom: 20px; /* 下间距 */
  } 

通过颜色和背景颜色的设置，可以让hr的颜色和网页中其他元素保持一致。设置高度可以调整hr的厚度，一般取值为1px。border属性为none可以关闭hr默认带的边框，避免和网页样式不一致。设置上下边距可以把hr和其他元素分隔开来，提高可读性。