小编给大家分享一下html如何设置超链接字体颜色,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
在html中,可以通过给超链接标签“<a>”添加color属性样式来设置超链接字体颜色,color属性的作用就是设置元素字体文本的颜色;语法“<a style="color: 颜色值;">超链接文本</a>”。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
html设置超链接字体颜色
在html中,可以通过给超链接标签“<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>
效果图:
说明:
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=不透明。 |
以上是“html如何设置超链接字体颜色”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。