在電子商務(wù)網(wǎng)站中，常常需要在商品價(jià)格上添加一個(gè)劃線價(jià)，以便突出促銷價(jià)的優(yōu)惠程度。使用CSS可以很方便地實(shí)現(xiàn)這個(gè)效果。

首先，通過CSS的text-decoration屬性，可以設(shè)置文本的裝飾線。其中，line-through表示劃線，underline表示下劃線。通過設(shè)置這個(gè)屬性，我們可以很輕松地給價(jià)格添加一個(gè)劃線效果。

.price {
text-decoration: line-through;
}

以上是一個(gè)基本的實(shí)現(xiàn)方式。我們將price類應(yīng)用到價(jià)格元素上，就可以讓這個(gè)價(jià)格添加一個(gè)劃線。可以通過其他的CSS樣式來調(diào)整這條線的顏色、粗細(xì)和位置等。

如果我們希望只在某些情況下顯示價(jià)格的劃線價(jià)，那么可以使用CSS的偽類選擇器:not。以下是一個(gè)例子：

.price:not(.sale) {
text-decoration: line-through;
}

這個(gè)樣式只會(huì)應(yīng)用到?jīng)]有sale類的價(jià)格元素上，即非促銷價(jià)的價(jià)格才會(huì)添加劃線。這樣可以很方便地實(shí)現(xiàn)價(jià)格顯示的靈活性。

總之，使用CSS可以非常方便地實(shí)現(xiàn)價(jià)格劃線這個(gè)常見的電商需求，通過設(shè)置text-decoration屬性，并結(jié)合其他的CSS樣式，可以實(shí)現(xiàn)豐富多彩的效果。