HTML链接颜色

HTML链接颜色

为HTML链接设置颜色,可以将其与常规文本有效区分开来,也可以作为您的网站的亮点特色。这里将为您展示如何使用Hex颜色代码、RGB和HSL值以及HTML颜色名称为网站HTML链接设置颜色。

链接颜色使用Hex颜色代码首先我们使用Hex颜色代码,这可能是为链接添加颜色的最常用方法。在HTML锚标签()中,href属性之后,将色彩属性设为您的Hex颜色代码(在我们的示例中使用#FF0000)插入作为样式属性。

HTML

Red Link

演示的CodePen

非常简单,对吗?如果您需要Hex颜色代码或想要浏览一些颜色组合,请查看我们的颜色选择器或颜色表。

链接颜色使用HTML颜色名称HTML颜色名称通常比对应的Hex代码更为清晰,而且使用方式大致相同。将前述示例中的Hex颜色代码替换为HTML颜色名称,瞧,您的代码超级清晰。

HTML

Red Link

演示的CodePen

目前已命名的HTML颜色只有140种,但应该已经足够您开始使用;如果您想了解,我们也已将他们全部列出,请看这里。

链接颜色使用RGB颜色值设计网站链接的第三种方式是使用RGB值。在rgb()中加入值就可用于网页内部,与Hex代码或颜色名称一样。

HTML

Red Link

演示的CodePen

使用RGB值还有一个优点,可以控制颜色的不透明度。把rgb()替换为rgba(),就可指定第四个值,范围在0和1之间(0表示完全透明,1表示完全不透明)。

HTML

Red Link

演示的CodePen

链接颜色使用HSL颜色值HSL代表色相、饱和度和亮度,是另一组颜色值,大部分现代浏览器(IE9+)都可支持。与RGB一样,您可将HSL值放在hsl()之内,并将其用于您的网页,如下所示。

HTML

Red Link

演示的CodePen

HSL也支持α通道,与RGB格式相同;使用hsla()代替hsl(),加入第四个值,在0到1之间,表示透明度。

HTML

Red Link

演示的CodePen

相关推荐

雷神加速器免费时长口令兑换-雷神50小时免费时长领取教程
365黑道老大免费观看第一季在线

雷神加速器免费时长口令兑换-雷神50小时免费时长领取教程

📅 08-19 👀 6362
琴澳跨境救护车服务正式启动
365黑道老大免费观看第一季在线

琴澳跨境救护车服务正式启动

📅 09-22 👀 4263
发现10个让身体越来越好的秘诀,不是跑步!99%的人不知道