VPS参考、测评、推荐
分享你关注的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用于样式链接。当你想把一个词变成一个链接,你用什么来?使用和& 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字体颜色) ://.caogenba.com.com/86279.html

赞(0) 打赏
未经允许不得转载:草根吧VPS_最新VPS信息参考 » WordPress主题开发教程XIX:十六进制颜色代码和风格化链接(WordPress字体颜色)
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址