- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2Adobe Illustrator CS5 序列號大全
- 3picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5蘋果iphone自動時間不準確的多種校正方法
- 6PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 7Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 8Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 9ipad版office如何激活? office365激活的圖文說明教程
- 10最新的Adobe Illustrator CS4序列號大全
- 11Mac怎么通過設置VPN來登錄youtube等國外網站
- 12qq郵件是否已讀怎么看 QQ郵箱已經發出去的郵件怎么知道對方是否已經查看
[摘要]我們在網頁里常常會使用使用CSS代碼來對象文字內容加上下劃線。那么我們就要用到text-decoration了 ，如何使用呢？今天我們給大家好好介紹一下。使用CSS屬性單詞：text-decoration : none underline blink overline li...
我們在網頁里常常會使用使用CSS代碼來對象文字內容加上下劃線。那么我們就要用到text-decoration了 ，如何使用呢？今天我們給大家好好介紹一下。使用CSS屬性單詞：
text-decoration : none underline blink overline line-through
text-decoration下劃線CSS單詞值參數：
none : 無裝飾
blink : 閃爍
underline : 下劃線
line-through : 貫穿線
overline : 上劃線
text-decoration:none 無裝飾，通常對html下劃線標簽去掉下劃線樣式
text-decoration:underline 下劃線樣式
text-decoration:line-through 刪除線樣式-貫穿線樣式
text-decoration:overline 上劃線樣式
HTML常規下劃線標簽
在HTML u標簽下劃線標簽“U”即可對對象文字加html下劃線。
實例：
<u>我被U標簽加下滑線</u>
CSS控制對象下劃線屬性樣式
html u下劃線與CSS下劃線對比應用案例
CSS去掉html標簽劃線樣式
如果我們想去掉對應html中刪除線s標簽刪除線樣式、去掉html u下劃線、去掉html上劃線樣式。
1、去掉html s刪除線貫穿線樣式
.p s{text-decoration:none}
去掉p類對象盒子里html s標簽樣式屬性
2、去掉html u下劃線樣式
.p u{text-decoration:none}
去掉p類對象盒子里u標簽下劃線線樣式屬性
五、超鏈接下劃線高級運用 - TOP
我們接下來為大家講解常見CSS 超鏈接,當隨便經過時候文字對象被加下劃線。
代碼如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>下劃線演示</title>
<style>
.yangshi a{ text-decoration:none;}
/* css注釋： 鼠標經過熱點文字被加下劃線 */
.yangshi a:hover{ text-decoration:underline;}
/* 鼠標經過熱點文字被加下劃線 */
</style>
</head>
<body>
<p>
<span class="yangshi">
<a href="http:/www.php.cn">p</a>
</span>
</p>
</body>
</html>請將以上代碼復制新建HTML即可查看該實例樣式。
我們進行對3個盒子對象分別設置對象內文字下劃線、文字刪除線樣式、字體上劃線樣式。
1、css代碼片段：
.p{text-decoration:underline}
.p_1{text-decoration:line-through}
.p_2{text-decoration:overline}
2、html代碼片段：
<p class="p">我被加下劃線</p>
<p class="p_1">我被加貫穿刪除線</p>
<p class="p_2">我被加上劃線</p>
介紹了這么多相信大家已經掌握了text-decoration，有需要的朋友可以保存一下，也請大家持續關注本站的其他更新。
相關閱讀：
以上就是如何使用text-decoration的詳細內容，更多請關注php中文網其它相關文章！
網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
推薦資訊 總人氣榜
最新教程 本月人氣
- 1為什么百度影音播放不了？百度影音方法不知道決方法
- 2維棠FLV視頻下載軟件下載視頻失敗的處理方法
- 3維棠FLV視頻下載軟件如何下載視頻？
- 4百度影音下載安裝過程詳細說明
- 5手機騰訊視頻緩存的視頻文件在什么地方？
- 6頁面版騰訊視頻黑屏、看不了的因素與處理方法
- 7騰訊視頻上傳視頻的圖文步驟
- 8視頻剪輯軟件哪一個好？挑選好的視頻剪輯軟件的4個規范
- 9暴風影音最新會員賬號共享（2016年3月8日）
- 10優酷視頻分享到微信的2個方法
- 11愛奇藝最新vip會員賬號免費共享（2016年3月18日）
- 12視頻字幕制作軟件：Time machine制作字幕文件的方法
- 1（視頻）YY上如何男變女聲？VCS變聲器使用方法
- 2如何找到Excel2007的簡繁轉換技巧？
- 3蘋果ios9.3beta4下載地址 ios9.3beta4固件官方下載網址
- 4微信支付天天立減活動怎么玩 微信支付天天立減活動玩法說明
- 5html完成在消息按鈕上增加數量角標的完成代碼
- 6如何能做出可以拖動的DIV層提示窗口
- 7Excel2007設置批注格式
- 8蘭博基尼88 tauri多少錢？tonimo蘭博基尼88 tauri價格
- 9搜狐視頻最新會員賬號與密碼共享（截止2016年3月17日）
- 10視頻字幕制作軟件：Time machine制作字幕文件的方法
- 11愛奇藝最新vip會員賬號免費共享（2016年3月18日）
- 12優酷視頻分享到微信的2個方法
