首页 > web前端 > html教程 > html怎么设置超链接字体颜色

html怎么设置超链接字体颜色

青灯夜游
发布: 2021-11-11 09:27:25
原创
38634 人浏览过

在html中,可以通过给超链接标签“<a>”添加color属性样式来设置超链接字体颜色,color属性的作用就是设置元素字体文本的颜色;语法“超链接文本”。<a>

html怎么设置超链接字体颜色

本教程操作环境: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>
登录后复制

效果图:

1.png

说明:

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视频教程

以上是html怎么设置超链接字体颜色的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板