HTML常用的下劃線樣式是什么

這篇“HTML常用的下劃線樣式是什么”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“HTML常用的下劃線樣式是什么”文章吧。

1、翰墨帶下劃線的法子顯示 

應用html中<u>標簽就可對加u標簽的翰墨加下劃線，實例花樣以下圖
 

但是留心的時辰u標簽因而<u>開始</u>結束的一對標簽，<u>我是被加下劃線的</u>

2、超鏈接翰墨下劃線-css 超鏈接詳細先容   
咱們每每重要讓帶超鏈接的文字，以有下劃線法子展示，而鼠標放上去下劃線不展現方式表現帶鏈接的翰墨，爾后咱們通過css對超鏈接下劃線設置
使用代碼text-decoration，可進css手冊查看text-decoration詳細簡介
語法： 
text-decoration : none || underline || blink || overline || line-through 

text-decoration參數： 
none : 　無裝璜
blink : 　閃動
underline : 　下劃線
line-through : 　貫穿線
overline : 　上劃線
實例
 

遵循圖例看出“div css”被插手css鏈接，同時在css名堂也設置裝備擺設了css屬性a被加下劃線（a{ text-decoration:underline;}），但鼠標放上來（a:hover{ text-decoration:none;}）下劃線則被去掉的

3、對超鏈接文字鼠標放下來出現下劃線  

依照第二點（2、超鏈接筆墨下劃線）中經過css來讓超鏈接筆墨帶下劃線，鼠標放下來則去掉下劃線來說，第三點則是恰恰與第二點向反，超鏈接自然不浮現下劃線a{ text-decoration:none;}，而鼠標放上來泛起下劃線a:hover{ text-decoration:underline;}。

4、對某地域鼠標放上去出現下劃線-對象下劃線 

這個在我們遍布使用，咱們概略對其div配置一個class格式(id和class鑒識)如：.ys:hover{ text-decoration:underline; cursor:pointer;}， 解釋cursor這個是鼠標標簽（cursor引見），pointer這個是手指內容透露表現。

html源代碼,頁面源文件
經由這樣對“ys”設置了css花式，則在瀏覽器中當鼠標放到翰墨上時就會泛起下劃線，而這里不是因為有超鏈接才有下劃線，同超鏈接情理溝通。

以上就是關于“HTML常用的下劃線樣式是什么”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。