資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會研究
時裝研究
法律研究如何在 HTML 中更改連結顏色？
連結是連線一個網頁到另一個網頁的橋樑。
在網頁中新增頁面連結。HTML 連結是超連結。 <a> 標記定義超連結，並用於在不同頁面之間跳轉。href 屬性與 <a> 標記一起使用，指出連結的目的地。
要在 HTML 頁面中製作頁面連結，使用 <a> 和 </a> 標記，其中 href 屬性用於定義連結。我們應在 <body>…</body> 標記中使用 <a>…</a> 標記。
連結文字可見。點選連結文字，將導航到指定 URL 地址。
預設情況下，在瀏覽器的網頁上，會按照如下方式顯示連結。
未訪問的連結有下劃線並顯示藍色
已訪問的連結有下劃線並顯示紫色
活動連結加下劃線並顯示為紅色
語法
以下是網頁上建立頁面連結的語法。
<a href="https://www.Google.com/"> text of the link </a>
我們可以使用樣式表更改連結顏色。
示例
以下是使用 CSS 更改連結顏色的示例程式。
<!DOCTYPE html> <html> <head> <style> a:link { color: greenyellow; background-color: transparent; text-decoration: none; } a:visited { color: deepskyblue; background-color: transparent; text-decoration: none; } a:active { color: yellow; background-color: transparent; } </style> </head> <body> <a href="https://www.youtube.com/watch?v=qz0aGYrrlhU" >HTML Tutorial</a> </body> </html>
我們已將未訪問連結的連結顏色更改為亮綠色。
我們已將已訪問連結的連結顏色更改為深天藍色，並將活動連結顏色更改為黃色。
示例
以下是使用 CSS 更改連結顏色的另一個示例程式。
<!DOCTYPE html> <html> <head> <title>HTML Link Color</title> </head> <body> <h2>About</h2> <p> Our <a href="/about/about_team.htm" style="color: red">Team</a> comprises of programmers, writers, and analysts. </p> </body> </html>
示例
以下是使用 CSS 更改連結顏色的另一個示例程式。
<!DOCTYPE html> <html> <head> <title>How to link pages using absolute URL in HTML?</title> <style> a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: underline; } a:active { text-decoration: underline; } </style> </head> <body> <h2>Click the link below to redirect to facebook login page</h2> <a href="https://#/login/">facebook login</a> </body> </html>
將滑鼠懸停在連結上後，它將更改樣式。
更新於： 2023 年 9 月 6 日
39K+ 瀏覽
廣告