超連結在網頁中是無所不在的。超連結是跳到另一個頁面的入口。當你把滑鼠移到超連結上,會有顏色或樣式的改變。通常超連結部分文字的顏色都是預設的,當然透過css屬性樣式重新設定超連結的顏色。例如更改超連結的預設顏色,更改當滑鼠移動到超連結上的顏色,點擊滑鼠跳轉超連結的顏色等等,這些都是可以自訂的。下面的內容就來聊聊關於html中超連結的顏色設定的話題。
首先可以學習php中文網相關的免費課程
#1. 學習《HTML+CSS基礎入門教學》中的 HTML基礎教程之超級連結 課程
2. 觀看《彈指間學會CSS影片教學》中HTML超文本 影片教學
超連結的顏色設定
為了突出超鏈接,超鏈接文字通常採用與其他文字不同的顏色,超連結文字的下端還會加上一條橫線。網頁的超連結文字有預設顏色,在預設情況下,瀏覽器以藍色作為超連結文字的顏色,造訪過的文字則顏色變成暗紅色。在
標籤中也可以自訂這些顏色。#在網頁中,一般文字上的超連結都是藍色(當然,也可以設定成其他顏色),文字下面有一條底線。當移動滑鼠指標到該超連結上時,滑鼠指標就會變成一隻手的形狀,這時候用滑鼠左鍵單擊,就可以直接跳到與這個超連結連結的網頁。如果已經瀏覽過某個超鏈接,這個超鏈接的文字顏色就會改變。
#超連結字體顏色設定是透過css來設置,a連結的顏色設定常用的有以下兩種,1.超連結a的初始狀態顏色,2、超連結字體的滑鼠滑過顏色,還有兩種病不常用:3、超連結字體的已造訪顏色,4、超連結字體在按下滑鼠時的顏色
CSS為一些特殊效果準備了特定的工具,我們稱之為“偽類”。其中有幾個是我們常用的,下面我們就詳細介紹一下常用來定義連結樣式的四個偽類,它們分別是:
:link
:visited
:hover
:active
因為我們要定義連結樣式,所以其中不可或缺的就是超級連結中的錨標籤--a,錨標籤和偽類連結起來書寫的方法就是定義連結樣式的基礎方法,它們的寫法如下:
a:link,定義正常連結的樣式;
a:visited,定義已造訪過連結的樣式;
a:hover,定義滑鼠懸浮在連結上時的樣式;
a:active,定義滑鼠點擊連結時的樣式。
HTML超連結以標籤作為錨點進行觸發,錨點需要有一個載體,而這個載體可以是一個文字、一個字、或一句話,也可以是圖像或某個形狀。當滑鼠移到有錨點的載體上時,滑鼠會變成一個小手的狀態,示意使用者可以進行點擊,使用者點擊這個錨點後會跳到這個標籤中href對應的位址上。
相關問答
1. 行動裝置網頁中的字體變成了藍色,自動變成了超鏈接,如何才能禁止掉? ? ? ?
2. android Textview 設定超連結後字體變白點擊後才會顯示藍色的超連結顏色
【相關推薦】
1. php中文網免費教學:《CSS 0基礎入門教學》
2. php中文網免費影片教學:《彈指間學會HTML影片教學》
#以上是總結html中超連結的顏色設置的詳細內容。更多資訊請關注PHP中文網其他相關文章!