Rumah > Artikel > hujung hadapan web > Bagaimana untuk menetapkan warna fon hiperpautan dalam html
Bagaimana untuk menetapkan warna fon hiperpautan dalam html
- 青灯夜游asal
- 2021-11-01 16:39:1738578semak imbas
Dalam HTML, anda boleh menetapkan warna fon hiperpautan dengan menambahkan gaya atribut warna pada tag hiperpautan "". sintaks "Hyperlink text". <a></a>
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
html menetapkan warna fon hiperpautan
Dalam html, anda boleh menetapkan warna fon hiperpautan dengan menambahkan gaya atribut warna pada teg hiperpautan "<a></a>"
Contoh:
<!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>
Rendering:
Penerangan:
atribut warna Menentukan warna teks.
Atribut ini menetapkan warna latar depan elemen (dalam perwakilan HTML, warna teks elemen tidak dipengaruhi oleh warna); Warna ini juga digunakan pada semua jidar elemen, melainkan ditindih oleh warna jidar atau sifat warna jidar yang lain.
Sintaks: color: 颜色值;
Terdapat banyak cara untuk menulis nilai warna, seperti nama warna, perenambelasan, RGB, RGBA, HSL, HSLA, dsb.
| 值 | 描述 |
|---|---|
| 颜色的名称 | 颜色的名称，比如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=不透明。 |
Tutorial yang disyorkan: "tutorial video html"
Atas ialah kandungan terperinci Bagaimana untuk menetapkan warna fon hiperpautan dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!