溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了css如何取消下劃線與顯示下劃線，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
a標簽下劃線和勾銷下劃線樣式text-decoration配置篇
以下介紹DIV CSS組織時刻，默許情況下A超鏈接錨文本下劃線幾種情況兼容各閱讀器設置裝備擺設。
1、取消A默認下劃線
在CSS代碼中最前面設置CSS以下：
a{text-decoration:none}多么就可設置默認狀況下超鏈接標簽A字體無論是默許情況下照常鼠標懸停超鏈接字體均不閃現下劃線。
2、兼容各大涉獵器默許A超鏈接全顯示下劃線
豈論默認狀況下仍是鼠標通過懸停a鏈接形式均表示下劃線CSS代碼：
a{ text-decoration:underline}
3、A默許體現下劃線，鼠標懸停通過下劃線失落
默認超鏈接字體文字透露表現下滑線，鼠標通過下劃線隱沒CSS代碼：
a{ text-decoration:underline}
a:hover{ text-decoration:none}4、A默認不表現下劃線，鼠標懸停經過表現下劃線
a{ text-decoration:none}
a:hover{ text-decoration:underline}以上是默認情況下幾種超鏈接a標具名體下劃線顯露與不表現幾種情況配置。
a text-decoration縮減應用：
.abc a{ text-decoration:none}
.abc a:hover{ text-decoration:underline}這里CSS代碼浸染，指定class=abc盒子內a超鏈接默認字體不表示下劃線，鼠標懸停時展現下劃線，網頁中非class=abc盒子內超鏈接錨文本字體可否顯露下劃線不受影響。
感謝你能夠認真閱讀完這篇文章，希望小編分享的“css如何取消下劃線與顯示下劃線”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
