如何去掉a標籤的下劃線

2021-08-21 06:45:05 字數 1935 閱讀 2545

如何去掉a標籤的下劃線

首先,來了解下標籤的一些樣式:

標籤的偽類樣式

一組專門的預定義的類稱為偽類,主要用來處理超連結的狀態。超連結文字的狀態可以通過偽類選擇符+樣式規則來控制。偽類選擇符包括: 

總: a          表示所有狀態下的連線 如 a 

a:link: 未訪問鏈結 ,如 a:link  

a:visited: 已訪問鏈結 ,如 a:visited 

a:active: 啟用時(鏈結獲得焦點時)鏈結的顏色 ,如 a:active 

a:hover: 滑鼠移到鏈結上時 ,如 a:hover  

一般a:hover和a:visited鏈結的狀態(顏色、下劃線等)應該是相同的。 

前三者分別對應body元素的link、vlink、alink這三個屬性。 

四個「狀態」的先後過程是:a:link ->a:hover ->a:active ->a:visited。

另外,a:active不能設定有無下劃線(總是有的)。 

舉例:偽類的常見狀態值 

如何去掉的下劃線:

對超連結下劃線設定 使用**"text-decoration"

語法: 

text-decoration : none || underline || blink || overline || line-through 

text-decoration引數: 

none :  無裝飾

blink :  閃爍

underline :  下劃線

line-through :  貫穿線

overline :  上劃線

去掉下劃線的方法就是將其text-decoration設定為none即可。

如:

可以在此基礎上發揮:如:

可以擴充套件至標籤的偽類:

a:link

a:visited

a:active

a:hover

.myclass:hover

標籤的一些屬性

標籤是成對出現的,以開始, 結束

屬性.common -- 一般屬性

accesskey -- 代表乙個鏈結的快捷鍵訪問方式

charset -- 指定了鏈結到的頁面所使用的編碼方式,比如utf-8

coords -- 使用影象地圖的時候可以使用此屬性定義鏈結的區域,通常是使用x,y座標

href -- 代表乙個鏈結源(就是鏈結到什麼地方)

hreflang -- 指出了鏈結到的頁面所使用的語言編碼

rel -- 代表文件與鏈結到的內容(href所指的內容)的關係

rev -- 代表文件與鏈結到的內容(href所指的內容)的關係

shape -- 使用影象地圖的時候可以使用shape指定鏈結區域

tabindex -- 代表使用"tab"鍵,遍歷鏈結的順序

target -- 用來指出哪個視窗或框架應該被此鏈結開啟

title -- 代表鏈結的附加提示資訊

type -- 代表鏈結的mime型別

如何去掉a標籤的下劃線

如何去掉a標籤的下劃線

一 標籤的偽類樣式 總 a 表示所有狀態下的連線 如 a a link 未訪問鏈結 如 a link a visited 已訪問鏈結 如 a visited a active 啟用時 鏈結獲得焦點時 鏈結的顏色 如 a active a hover 滑鼠移到鏈結上時 如 a hover 一般a ho...

a標籤的下劃線

首先,來了解下標籤的一些樣式 標籤的偽類樣式 一組專門的預定義的類稱為偽類,主要用來處理超連結的狀態。超連結文字的狀態可以通過偽類選擇符 樣式規則來控制。偽類選擇符包括 總 a 表示所有狀態下的連線 如 a a link 未訪問鏈結 如 a link a visited 已訪問鏈結 如 a visi...

pycharm如何去掉波浪線,下劃線

強迫症法寶 自 預設情況下,pycharm中如果有無法錯誤或者不符合pep8規範 下面會有波浪線,語法錯誤波浪線為紅色 如下圖的第10行 不符合pep8規範為淺黃色波浪線 如下圖的第8行 見下圖 那麼怎麼去掉波浪線呢 方法一 波浪線設定介面從pycharm介面右下角的小人圖示進入 設定 進入波浪線設...