CSS 畫線技巧 在網頁設計中，有時需要使用精美的線條來強化頁面的視覺效果。CSS 可以輕松實現線條的繪制，讓我們來看看如何利用 CSS 實現線條的繪制和排版。 繪制實線 要繪制實線，我們可以使用 border-bottom 屬性。以下代碼可以在頁面中繪制一條黑色的實線：

p {
border-bottom: 1px solid black;
}

如果要使線條更粗或更細，可以增加或減少像素值。 繪制虛線 要繪制虛線，我們可以使用 border-style 屬性。以下代碼可以在頁面中繪制一條黑色的虛線：

p {
border-bottom: 1px dashed black;
}

如果要改變虛線的樣式，可以調整 border-style 的值。虛線樣式的選項包括 dotted（點），dashed（短劃線），double（雙線）和 groove（凸槽）等。 設置線條顏色 要更改線條的顏色，我們可以使用 border-color 屬性。以下代碼可以在頁面中繪制一條紅色的虛線：

p {
border-bottom: 1px dashed red;
}

如果要使用其他顏色，只需將值更改為其他顏色值即可。 定位線條 默認情況下，線條會延伸到元素寬度的末端。如果要更改線條的位置，可以使用 padding 或 margin 屬性。以下代碼將線條移動到元素的中心位置：

p {
border-bottom: 1px dashed black;
padding-bottom: 10px;
margin-bottom: 10px;
}

使用這些技巧，您可以輕松地在網頁中繪制漂亮的線條，增強您的設計效果。