這篇文章主要講解了“HTML和css怎么實(shí)現(xiàn)價(jià)格中間貫穿刪除線效果”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“HTML和css怎么實(shí)現(xiàn)價(jià)格中間貫穿刪除線效果”吧！

成都創(chuàng)新互聯(lián)自2013年創(chuàng)立以來(lái)，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都做網(wǎng)站、成都網(wǎng)站建設(shè)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元東西湖做網(wǎng)站,已為上家服務(wù),為東西湖各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:028-86922220

中劃線在HTML標(biāo)簽中梗概運(yùn)用刪除線完成。若是要CSS花式組織，就采取text-decoration格局完成。

CSS中劃線（刪除線）格局代碼：
text-decoration:line-through

需要對(duì)代價(jià)數(shù)字劃線的時(shí)候，對(duì)其配置text-decoration:line-through就可。

這里CSS5采納HTML刪除劃線標(biāo)簽與CSS劃線（兩端劃線）完成對(duì)促銷正本價(jià)格進(jìn)行中劃線布局。

1、實(shí)例完成html css代碼

優(yōu)惠價(jià)值：100元，原價(jià)：200元
優(yōu)惠價(jià)值：80元，原價(jià)：220元

2、劃線結(jié)構(gòu)截圖

在實(shí)際HTML機(jī)關(guān)中，豈論選擇CSS樣式機(jī)關(guān)中劃線，還是HTML標(biāo)簽構(gòu)造中劃線也好，決議不須要，需求依據(jù)需求合理決定適合構(gòu)造辦法，html刪除線貫通線標(biāo)簽和CSS暢通領(lǐng)悟線中劃線樣式均可應(yīng)用。

感謝各位的閱讀，以上就是“HTML和css怎么實(shí)現(xiàn)價(jià)格中間貫穿刪除線效果”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)HTML和css怎么實(shí)現(xiàn)價(jià)格中間貫穿刪除線效果這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！