您好,登錄后才能下訂單哦!
本篇內容主要講解“css3如何去掉文本下劃線”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“css3如何去掉文本下劃線”吧!
在css3中,可以利用“text-decoration”屬性來去掉文本下劃線,該屬性用于規定添加到文本的修飾,當屬性值設置為“none”時,可以規定一個標準的文本,也就會去掉文本的下劃線,語法為“text-decoration:none”。
本教程操作環境:windows10系統、CSS3&&HTML5版、Dell G3電腦。
text-decoration 屬性規定添加到文本的修飾。
注釋:修飾的顏色由 "color" 屬性設置。
說明
這個屬性允許對文本設置某種效果,如加下劃線。如果后代元素沒有自己的裝飾,祖先元素上設置的裝飾會“延伸”到后代元素中。不要求用戶代理支持 blink。
none默認。定義標準的文本。
underline定義文本下的一條線。
overline定義文本上的一條線。
line-through定義穿過文本下的一條線。
blink定義閃爍的文本。
示例如下:
<html> <head> <style type="text/css"> .abc{text-decoration: none} </style> </head> <body> <p><a href="" class="abc">這是一個鏈接</a></p> <a href="">這是一個鏈接</a> </body> </html>
輸出結果:
到此,相信大家對“css3如何去掉文本下劃線”有了更深的了解,不妨來實際操作一番吧!這里是億速云網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。