在網頁設計中,商品價格劃橫線是常用的功能。通過這種方式,我們能夠更突出商品的真實價格,讓用戶更清晰地了解產品價值。
.price {
text-decoration: line-through;
color: #999;
}
以上是一個使用 CSS 來劃橫線的例子。在這段 CSS 中,我們使用了text-decoration: line-through;
屬性來定義商品價格加刪除線的樣式。同時,我們也在樣式中指定了價格文字的顏色為 #999。
很多網站都會使用這種方式來突出商品價格。在實際應用中,我們可以將刪除線的顏色及粗細進行調整,以增強視覺效果。
此外,對于價格變動頻繁的商品,我們還可以通過 JavaScript 腳本來實現實時更新價格的效果。
上一篇css寫大于1000px
下一篇mysql數據集查詢年齡