應用css技倆機關價錢划線，價錢中划線成果，優惠前原代價中間使用刪除線同樣功效名目
各大電商平台，團體商城也好，各大打造品生意業務也好，都市用原價錢與優惠后價錢組成比較，讓用戶出產生購置下單願望。一般會布局體現出原價格與優惠后代價，而原價值應用中划線（價錢兩頭用一道橫線刪除線）。
優惠價值浮現畸形，原價錢運用中划線格式
中划線在HTML標簽中梗概運用<s></s>刪除線完成。若是要CSS花式組織，就采取text-decoration格局完成。
CSS中划線（刪除線）格局代碼：
text-decoration:line-through
需要對代價數字划線的時候，對其配置text-decoration:line-through就可。
這里CSS5采納HTML刪除划線標簽與CSS划線（兩端划線）完成對促銷正本價格進行中划線布局。
1、實例完成html css代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>代價划線CSS機關 CSS5</title>
<style>
.huaxian{text-decoration:line-through}
</style>
</head>
<body>
<p>優惠價值：100元，原價：<s>200元</s></p>
<p>優惠價值：80元，原價：<span class="huaxian">220元</span></p>
</body>
</html>
2、划線結構截圖
html標簽代價划線與CSS花色價值划線實例截圖
在實際HTML機關中，豈論選擇CSS樣式機關中划線，還是HTML標簽構造中划線也好，決議不須要，需求依據需求合理決定適合構造辦法，html刪除線貫通線標簽和CSS暢通領悟線中划線樣式均可應用。
如需轉載，請注明文章出處和來源網址：http://www.divcss5.com/jiqiao/j52633.shtml