html怎麼設定超連結字體顏色-html教學-PHP中文網

首頁

web前端

html教學

html怎麼設定超連結字體顏色

青灯夜游

Nov 01, 2021 pm 04:39 PM

html 字體顏色超連結

在html中，可以透過為超連結標籤「」加入color屬性樣式來設定超連結字型顏色，color屬性的功能是設定元素字型文字的顏色；文法「超連結文字」。 <a></a>

html怎麼設定超連結字體顏色

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

html設定超連結字型顏色

在html中，可以透過為超連結標籤「<a></a>」新增color屬性樣式來設定超連結字體顏色

範例：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<a href="#">默认字体颜色</a><br>
<a href="#" style="color: pink;">字体颜色为粉色</a><br>
<a href="#" style="color: #000;">字体颜色为黑色</a>
</body>
</html>

登入後複製

效果圖：

html怎麼設定超連結字體顏色

說明：

color 屬性規定文字的顏色。

這個屬性設定了一個元素的前景色（在 HTML 表現中，就是元素文字的顏色）；光柵圖片不受 color 影響。這個顏色也會套用到元素的所有邊框，除非被 border-color 或另外某個邊框顏色屬性所覆蓋。

語法：color: 顏色值;

顏色值有多種寫法，例如顏色的名稱、十六進位、RGB、RGBA、HSL、HSLA等等。

值	描述
#顏色的名稱	顏色的名稱，如red, blue, brown, lightseagreen等，不區分大小寫。
十六進位	十六進位符號 #RRGGBB 和 #RGB（例如 #ff0000）。 "#" 後面接著 6 位元或 3 位元十六進位字元（0-9, A-F）。
RGB，紅-綠-藍（red-green-blue (RGB)）	規定顏色值為rgb 程式碼的顏色，函數格式為rgb(R,G,B)，取值可以是0-255 的整數或百分比。
RGBA，紅-綠-藍-阿爾法（RGBa）	RGBa 擴展了RGB 顏色模式，它包含了阿爾法通道，允許設定一個顏色的透明度。 a 表示透明度：0=透明；1=不透明。
HSL，色相-飽和度-明度（Hue-saturation-lightness）	色相（Hue）表示色環（即代表彩虹的一個圓環）的一個角度。飽和度和明度由百分數來表示。 100% 是滿飽和度，而 0% 是一種灰度。 100% 明度是白色， 0% 明度是黑色，而 50% 明度是"一般的"。
HSLA，色相-飽和度-明度-阿爾法（HSLa）	HSLa 擴展自HSL 顏色模式，包含了阿爾法通道，可以規定一個顏色的透明度。 a 表示透明度：0=透明；1=不透明。