本文目錄導(dǎo)讀：

1. 使用 border 屬性
2. 使用 box-shadow 屬性

CSS 劃線技巧分享

CSS 中劃線的方法有多種，今天我們來分享幾種常見的技巧。

一、使用 text-decoration 屬性

text-decoration 是 CSS 中常用的屬性，可以用來設(shè)置文本的裝飾效果，包括下劃線、上劃線和刪除線等，使用 text-decoration 來劃線的方法很簡單，只需要將需要劃線的文本所在的元素添加該屬性即可。

p {
  text-decoration: underline;
}

上述代碼會將段落文本添加下劃線。

使用 border 屬性

除了 text-decoration 屬性外，我們還可以使用 border 屬性來劃線，通過給元素添加邊框，可以實現(xiàn)類似劃線的效果。

div {
  border-bottom: 1px solid #000;
}

上述代碼會在 div 元素的底部添加一條黑色邊框，實現(xiàn)劃線效果。

使用 box-shadow 屬性

除了上述兩種方法外，我們還可以使用 box-shadow 屬性來劃線，通過給元素添加陰影，可以實現(xiàn)類似劃線的視覺效果。

div {
  box-shadow: 0 1px #000;
}

上述代碼會在 div 元素的下方添加一條黑色陰影，實現(xiàn)劃線效果，需要注意的是，這種方法實現(xiàn)的劃線效果可能不如前兩種方法明顯。

除了以上三種方法外，還有一些其他方法可以實現(xiàn) CSS 劃線效果，例如使用偽元素、漸變等技巧，這些方法的實現(xiàn)方式較為復(fù)雜，需要一定的 CSS 技巧和經(jīng)驗，希望以上三種方法能夠幫助大家快速實現(xiàn) CSS 劃線效果。