DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局基本知識 >> text-decoration:line-through CSS文字中劃線 刪除線 貫穿線樣式
text-decoration:line-through CSS文字中劃線 刪除線 貫穿線樣式
編輯:布局基本知識      日期:2017/4/13 10:13:55

css text-decoration:line-through文字字體設置刪除線 設置中劃線 設置貫穿線樣式

常常看見有的網絡商城賣產品有的標原價,和優惠價,原價上畫刪除線效果,就是用css text-decoration:line-through實現。

當然HTML標簽也有中劃線刪除線標簽<strike>和<s>標簽兩個標簽可以實現。CSS樣式text-decoration:line-through也可以實現。

一、html刪除線標簽

HTML刪除線:

<s>原價12元</s><br />
<strike>原價15元</strike>

html中劃線 html刪除線
html中劃線 html刪除線 貫穿線標簽應用

二、CSS刪除線樣式

.abc{ text-decoration:line-through}

CSS字體刪除線樣式設置
CSS字體刪除線樣式實例截圖

從HTML標簽到CSS樣式均能實現對字體中劃線(又叫貫穿線刪除線)樣式實現,一般DIV CSS布局時根據需求選擇CSS樣式還是HTML標簽。

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved