您好,登錄后才能下訂單哦!
這篇文章主要介紹了html刪除線/貫穿線標簽怎么使用的相關知識,內容詳細易懂,操作簡單快捷,具有一定借鑒價值,相信大家閱讀完這篇html刪除線/貫穿線標簽怎么使用文章都會有所收獲,下面我們一起來看看吧。
html <strike> 標簽元素,刪除線標簽元素\貫穿線標簽元素<strike>
配置文本文字字體刪除線標簽<strike>,字體文字上中穿一線畫一橫,經常在代價原價與優惠價錢用到,原價數字上使用刪除線成效,那時優惠代價數字正常表現。
一樣平常對筆墨、數字等文本設置。
strike英文翻譯:歇工意思。
<strike>內容</strike>
這里“模式”將在閱讀器中顯示劃上刪除線成就,從文字兩頭畫一橫也叫貫串線。
strike是一對標簽,有匹面有閉合的標簽,以<strike>最早,以</strike>完結。
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>strike 用法 CSS5</title> <style> strike{ color:#666} </style> </head> <body> <p>此商品 原價:<strike>100元</strike>,此刻80元。</p> </body> </html>
這里對strike應用同時,對其設置差距字體色彩花式。
CSS與刪除線同時運用實例截圖
<strike></strike>相即是CSS中text-decoration:line-through(融會線 刪除線)。
實例代碼:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>strike與CSS刪除線 CSS5</title> <style> strike{ color:#666} .scx{ text-decoration:line-through} </style> </head> <body> <p>此商品 原價:<strike>100元</strike>,當初80元。</p> <p class="scx">CSS實現筆墨刪除</p> </body> </html>
這里設置裝備擺設應用HTML刪除線標簽strike,也運用CSS text-decoration完成刪除線功效。
css 實例效果截圖
在現實DIV CSS構造中根據重要抉擇HTML strike或CSS text-decoration配置刪除線
關于“html刪除線/貫穿線標簽怎么使用”這篇文章的內容就介紹到這里,感謝各位的閱讀!相信大家對“html刪除線/貫穿線標簽怎么使用”知識都有一定的了解,大家如果還想學習更多知識,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。