這篇文章主要介紹設(shè)置css字體劃線的方法,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
創(chuàng)新互聯(lián)是一家專注于做網(wǎng)站、網(wǎng)站制作與策劃設(shè)計(jì),淶源網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:淶源等地區(qū)。淶源做網(wǎng)站價(jià)格咨詢:18980820575
css布局設(shè)置文字劃線樣式-字體文字加中劃線布局
在淘寶、京東等網(wǎng)上商城上看見原價(jià)文字劃線,打折文字不中劃線的布局。
一、文字中劃線CSS與HTML標(biāo)簽兩種
1、CSS屬性單詞與代碼
單詞:text-decoration
中劃線值
text-decoration:line-through
2、HTML中劃線標(biāo)簽
S標(biāo)簽
<s>被加中劃線</s>
二、文字中劃線div css實(shí)例
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>文字加中劃線實(shí)例</title> <style> .zhx{ text-decoration:line-through} </style> </head> <body> <p>原價(jià):¥<span class="zhx">200.00</span><br /> 現(xiàn)價(jià):¥120.00</p> </body> </html>
效果如下:
CSS設(shè)置 text-decoration:line-through中劃線樣式。
對(duì)原價(jià)的數(shù)字,加class引入中劃線css樣式。
以上是設(shè)置css字體劃線的方法的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
標(biāo)題名稱:設(shè)置css字體劃線的方法
分享URL:http://jinyejixie.com/article24/ggijce.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營(yíng)銷型網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、網(wǎng)站營(yíng)銷、云服務(wù)器、Google、企業(yè)建站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)