border-width如何让hr变得更细
时间: 2023-07-07 07:42:33 浏览: 133
css中hr标签的各种用法
5星 · 资源好评率100%
要让 `<hr>` 变细,你可以使用 `border-width` 属性来设置边框宽度。以下CSS代码可以将 `<hr>` 元素的宽度设置为1像素:
```css
hr {
border-style: solid;
border-width: 0 0 1px 0;
}
```
这里,`border-style` 属性设置为 `solid`,表示边框是实线样式;`border-width` 属性设置为 `0 0 1px 0`,表示四个边框的宽度分别为 0、0、1像素和 0,即只设置了底部边框的宽度为1像素,其他三个边框的宽度都为0像素,从而达到让 `<hr>` 变细的效果。
阅读全文