您好,登錄后才能下訂單哦!
這篇文章主要介紹“css怎么添加下劃線”,在日常操作中,相信很多人在css怎么添加下劃線問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”css怎么添加下劃線”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
css中可利用text-decoration屬性來添加下劃線效果,只需要給元素設置“text-decoration:underline”樣式即可。text-decoration指定添加到文本的修飾,值underline可定義文本下的一條線。
本教程操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
在css中,可以利用text-decoration屬性來添加下劃線效果。text-decoration屬性可指定添加到文本的修飾,當值設置為underline時,可定義文本下的一條線,即下劃線效果。
下面通過代碼示例來看看:
<!DOCTYPE html> <html> <head> <style type="text/css"> p { text-decoration: underline } </style> </head> <body> <p>測試文本!</p> </body> </html>
效果圖:
說明:
text-decoration屬性允許對文本設置某種效果,如加下劃線。如果后代元素沒有自己的裝飾,祖先元素上設置的裝飾會“延伸”到后代元素中。不要求用戶代理支持 blink。
可能的值:
值 | 描述 |
---|---|
none | 默認。定義標準的文本。 |
underline | 定義文本下的一條線。 |
overline | 定義文本上的一條線。 |
line-through | 定義穿過文本下的一條線。 |
blink | 定義閃爍的文本。 |
inherit | 規定應該從父元素繼承 text-decoration 屬性的值。 |
到此,關于“css怎么添加下劃線”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。