主机评测网,专注vps、独立服务器等主机评测
最专业的主机评测网站

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

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

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

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://vps.caogenba.com.com/86279.html

赞(0) 打赏
未经允许不得转载:主机测评 » WordPress主题开发教程XIX:十六进制颜色代码和风格化链接(WordPress字体颜色)

评论 抢沙发

登录

找回密码

注册