CSS中有許多樣式屬性可以調整線的寬度,例如border、border-top、border-bottom、border-left、border-right以及outline等。其中,border屬性最常用,可以一次性設置四個方向的邊框。
.example { border: 5px solid #000; }
上述代碼將在目標元素周圍創建一個5像素寬、黑色實線的邊框。我們還可以通過border-width屬性單獨設置邊框寬度。
.example { border-top: 2px solid #000; border-bottom: 2px solid #000; border-left: 5px solid #000; border-right: 5px solid #000; }
上述代碼分別設置目標元素的上下邊框為2像素寬的黑色實線,左右邊框為5像素寬的黑色實線。此外,我們還可以使用outline屬性來創建虛線框線。
.example { outline: 2px dashed #000; }
上述代碼將在目標元素周圍創建一個2像素寬、由虛線組成的黑色框線。
需要注意的是,在默認情況下,邊框和虛線框線的寬度都是1像素,如果需要加粗,應該設置相應的數值。
以上就是CSS中設置線變粗的方法,可以根據自己的需要進行靈活使用。