如何給價(jià)格劃線？

在網(wǎng)頁(yè)設(shè)計(jì)中，給價(jià)格劃線是一個(gè)常見的需求，使用CSS（層疊樣式表）可以實(shí)現(xiàn)這一功能，下面是一些示例代碼，展示如何使用CSS給價(jià)格劃線：

1、使用CSS的text-decoration屬性：

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

這段代碼會(huì)給所有帶有price類的元素添加一條刪除線。

2、使用text-decoration屬性的具體樣式：

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

這段代碼會(huì)給所有帶有price類的元素添加兩條刪除線。

3、使用text-decoration屬性的顏色：

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

這段代碼會(huì)給所有帶有price類的元素添加兩條紅色的刪除線。

4、使用text-decoration屬性的角度：

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

這段代碼會(huì)給所有帶有price類的元素添加兩條角度為45度的刪除線。

這些示例代碼僅適用于支持CSS3的瀏覽器，如果你需要更詳細(xì)的樣式控制，可以考慮使用其他CSS屬性或JavaScript庫(kù)來(lái)實(shí)現(xiàn)，也要注意網(wǎng)頁(yè)設(shè)計(jì)的整體風(fēng)格和用戶體驗(yàn)，確保給價(jià)格劃線的樣式與網(wǎng)頁(yè)其他部分相協(xié)調(diào)。