CSS設(shè)置線的寬度的方法

在CSS中，我們可以使用border-width屬性來設(shè)置線的寬度，這個(gè)屬性可以應(yīng)用于元素的所有邊框，或者單獨(dú)的邊框，下面是一些示例代碼：

1、設(shè)置所有邊框的寬度：

div {
  border-width: 2px;
}

2、設(shè)置單獨(dú)邊框的寬度：

div {
  border-top-width: 2px;
  border-right-width: 3px;
  border-bottom-width: 4px;
  border-left-width: 5px;
}

3、使用不同單位設(shè)置邊框?qū)挾龋?/p>

div {
  border-width: 1em 2ex 3rem 4vw;
}

注意，border-width屬性的值會(huì)覆蓋border屬性的值，如果border屬性有值，那么border-width屬性的值會(huì)優(yōu)先生效。

CSS還提供了outline-width屬性，用于設(shè)置元素輪廓的寬度，輪廓是繪制在邊框外部的線，通常用于表示元素的焦點(diǎn)。