方法很简单,只需要在 CSS 中设置hr
的border
样式即可。
hr { border: 2px solid black; }
上面的代码将hr
的边框设置为 2 像素粗,颜色为黑色。
同样的,大家也可以使用其他样式属性来改变hr
的样式,例如border-style
和border-color
。
hr { border-style: dashed; /* 破折线样式 */ border-color: blue; /* 蓝色边框 */ border-width: 3px; /* 3 像素粗 */ }
此外,大家还可以对hr
的宽度和高度进行调整。
hr { width: 80%; height: 3px; margin: 15px auto; }
以上代码将hr
的宽度设置为屏幕的 80%,高度设置为 3 像素,且距离上下文的上下边距均为 15 像素。
总的来说,CSS 可以让大家方便地美化网页中的各个元素,包括hr
这样的简单的分割线。