在網頁設計中,我們經常需要在商品價格中使用劃線來表示打折或降價等特殊情況。這種效果可以通過CSS來實現,具體方法如下:
.price{ text-decoration: line-through; }
在這個CSS樣式中,我們使用了text-decoration屬性來添加橫線效果,具體的樣式值是line-through,表示添加一條中劃線。
這個CSS樣式可以應用在任何需要劃線效果的元素上,比如:
<p class="price">原價:50元</p> <p class="price">特價:30元</p>
在頁面中使用這個樣式后,就可以看到價格被添加了橫線,非常方便實用。