CSS是一種可以美化網頁的強大工具,可以幫助我們創建各種效果,如價格劃線。下面是一個簡單的例子。
.price { text-decoration: line-through; color: gray; }
上面的代碼中,我們使用了text-decoration屬性和color屬性來創建價格劃線效果。
text-decoration屬性用于指定文本修飾線。在這個例子中,我們將它設置為line-through,這代表著一個水平劃線貫穿整個文本。
color屬性用于指定文本顏色。在這個例子中,我們將它設置為灰色,來表示這個價格已經降價了。
最后,我們只需要將.price類應用到我們的HTML元素中,就可以看到價格被美觀地劃掉了。
$100
上面的代碼將會產生一個價值為100美元的價格劃線效果。
總之,CSS提供了很多的文本修飾方式,價格劃線是其中之一。通過簡單的代碼,我們可以很輕松地創建一個美觀的價格劃線效果,使得我們的網頁變得更加專業。