WordPress 主题风格实例教程:十六进制色调编码和

捌零建网站 p>

色调特性,跟随的是一个十六进制编码,是用以给文字着色,如 body { color: #000000;} 含意就是你网页页面 body 内全部文字将是灰黑色的。

情况色调特性,跟随的是一个十六进制编码,是给除情况着色,如 body{ background: #ffffff; } 含意是为 body 上乳白色情况。

十六进制编码

每一个十六进制编码前都是有 # 号,随后跟随六十位数字。这种数据的范畴是以 #ffffff(乳白色)到 #000000(灰黑色)。

#ffffff, #eeeeee, #dddddd, #, #bbbbbb, #aaaaaa, #999999, #888888, #777777, #666666, #555555, #444444, #333333, #222222, #111111

前俩位表明鲜红色,第三和第四意味着翠绿色,而最终俩位意味着深蓝色。#ff0000 是鲜红色(red)。#550000 是暗红色色(dark red)。 #220000 是更灰黑色的鲜红色(darker red)。 #00ff00 是翠绿色(green)。 #0000ff 是深蓝色(blue)。那麼哪一个十六进制编码是淡黄色呢? #ffff00 便是淡黄色(yellow)。 #ff00ff 是蓝紫色(violet)。

第一步:加上连接色调

在 body{ } 挑选器下键入下列编码:

a:link, a:visited{text-decoration: underline;color: #336699;}

WordPress 主题教程:十六进制颜色代码和样式化链接

这种编码是干嘛用的?,给全部的连接都再加下横线的(text-decoration: underline;)和到了深蓝色(color: #336699;)。它是并不是正宗的深蓝色,但它的确是深蓝色是由于最终2个数据(意味着深蓝色)是最大值的数据。

a:link 用以款式化连接。如果你想把一个词变化为连接的情况下,用哪种完成呢?应用  a  和  /a  这对比签,因而款式化连接便是款式化 a:link。

a:visited 用以款式化早已浏览过的连接。

此外一种键入方法:

a:link{
text-decoration: underline;color: #336699;}



a:visited{text-decoration: underline;color: #336699;}

当给a:link 和 a:visited这2个挑选器运用同样的 text-decoration: underline; 和 color: #336699; 这2个特性的情况下。能够把它么你放到一起,应用分号来区别。

第二步:加上连接悬停色调

在 a:link, a:visited{ } 下键入下列编码:

a:hover{text-decoration: none;}

这种编码是干嘛用的呀? 当把指针挪到连接上边情况下下横线消退。

假如不愿在默认设置状况下有下横线只是在当把指针挪到连接上边的情况下才出現下横线,那麼就在 a:link 和 a:hover 中间互换下 text-decoration: 的值。

假如你要变更你连接悬停时的色调,那麼就提升 color: 和一切你要要的十六进制编码,如:

a:hover{
text-decoration: none;
color: #ff0000;
}


内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://removeh5.cn/jingyan/2658.html