主机参考: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;}
这些代码是干什么用的?,并给所有链接加下划线(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之前的文章转换成古腾堡区块
- WordPress媒体库创建分类,文件夹创建(如何修改WordPress上传媒体限制)
- 从WordPress文章中批量导入外部链接图片到本地。
- 打开SSL(https)后,WordPress站点提示“重定向你太多次”的解决方案
- 在wordpress主题中添加自定义文章类型register_post_type和分类教程(WordPress文章类型)。
本文由主机参考刊发,转载请注明:WordPress主题开发教程XIX:十六进制颜色代码和风格化链接(WordPress字体颜色) https://zhujicankao.com/86279.html
评论前必须登录!
注册