VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云优惠活动

WordPress主题开发教程XIX:十六进制颜色代码和风格化链接(WordPress字体颜色)

主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

今天我们将介绍如何颜色和十六进制颜色代码。

Color后跟一个十六进制代码,用于给文本着色。如body { color:# 000000;}这意味着您的页面主体中的所有文本都将是黑色的。

背景属性后跟一个十六进制代码,用于给背景着色。如body { background:# ffffff;}表示车身上的白色背景。

十六进制代码每个十六进制代码前面都有一个#符号,后面是六位数字。这些数字的范围从#ffffff(白色)到#000000(黑色)。#ffffff、#eeeeee、#dddddd、#cccccc、#bbbbbb、#aaaaaa、# 99999、# 88888、# 77777、# 66666、# 55555、# 44444、# 33333、#ff0000为红色。#550000是暗红色。#220000是暗红色。#00ff00是绿色。#0000ff是蓝色的。那么哪个十六进制代码是黄色的呢?#ffff00是黄色的。#ff00ff是紫色(紫罗兰色)。步骤1:添加链接颜色

在body{}选择器下输入以下代码:

a:链接,a:访问过{ text -装饰:下划线;颜色:# 336699;}

WordPress主题开发教程XIX:十六进制颜色代码和风格化链接(WordPress字体颜色)-主机参考这些代码是干什么用的?,并给所有链接加下划线(text -装饰:下划线;)并涂成蓝色(颜色:# 336699;)。这不是纯蓝色,但确实是蓝色,因为最后两个数字(代表蓝色)是最高值。答:link用于样式链接。当你想把一个词变成一个链接,你用什么来实现?使用和</a & gt;这对标签,所以风格化链接是风格化的链接。答:visited用于样式化已经被访问过的链接。另一种输入法:a:link { text -装饰:下划线;颜色:# 336699;}和a:参观过{ text -装饰:下划线;颜色:# 336699;}应用相同的text -装饰时:给选择器a:link和a:visited加下划线;还有颜色:# 336699;这两个属性。可以放在一起用逗号区分吗?步骤2:添加链接悬停颜色。

在a:link,a:visited{}下输入以下代码:

a:hover { text -装饰:无;}

这些代码是干什么用的?当您将指针移到链接上时,下划线会消失。

如果你不想在默认情况下加下划线,而只是当你把指针移到链接上时,在a:link和a:hover之间交换text-decoration:的值。

如果您想在链接悬停时更改颜色,请添加color:和您想要的任何十六进制代码,例如:

a:hover { text -装饰:无;颜色:# ff0000}

这几篇文章你可能也喜欢:

本文由主机参考刊发,转载请注明:WordPress主题开发教程XIX:十六进制颜色代码和风格化链接(WordPress字体颜色) https://zhujicankao.com/86279.html

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » WordPress主题开发教程XIX:十六进制颜色代码和风格化链接(WordPress字体颜色)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!