CSS中給價(jià)格加線在網(wǎng)頁(yè)設(shè)計(jì)中經(jīng)常被使用，它可以用來(lái)突出價(jià)格的重要性，使得用戶更容易注意到。

要實(shí)現(xiàn)給價(jià)格加線的效果，我們可以使用text-decoration屬性，將值設(shè)置為“l(fā)ine-through”，就可以產(chǎn)生穿過(guò)價(jià)格文字的橫線了。

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

使用這個(gè)屬性可以很輕松地為價(jià)格添加橫線效果，并不需要過(guò)多的代碼。如果需要對(duì)橫線的顏色和粗細(xì)進(jìn)行調(diào)整，可以使用text-decoration-color和text-decoration-thickness屬性進(jìn)行設(shè)置。

除了text-decoration屬性之外，我們也可以使用偽元素來(lái)實(shí)現(xiàn)給價(jià)格加線的效果。具體操作是在價(jià)格的父元素上添加一個(gè)偽元素，設(shè)置其位置和尺寸，再將背景顏色設(shè)置為橫線的顏色，就可以實(shí)現(xiàn)橫線效果了。

.price-parent:after {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #666;
position: absolute;
bottom: 50%;
z-index: -1;
}

使用偽元素的方法可以更靈活地控制橫線的位置和樣式，并且可以應(yīng)用在價(jià)格標(biāo)簽之外的其他元素上，比如商品標(biāo)題等。

總結(jié)起來(lái)，給價(jià)格加線是網(wǎng)頁(yè)設(shè)計(jì)中常見的技巧之一，使用CSS中的text-decoration屬性或偽元素，可以輕松實(shí)現(xiàn)這個(gè)效果。