发布时间:2020-09-17
WordPress 主题教程 #10:十六进制颜色代码和样式化链接,
十六进制颜色代码和样式化链接是的第十篇。这篇继续昨天介绍 CSS 的课程,我们今天将介绍如何着色和十六进制颜色代码。
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
颜色属性,跟着的是一个十六进制代码,是用于给文本上色,如 body { color: #000000;} 意思是你页面 body 内所有文本将是黑色的。
背景颜色属性,跟着的是一个十六进制代码,是给除背景上色,如 body{ background: #ffffff; } 意思是为 body 上白色背景。
在 body{ } 选择器下输入以下代码:
a:link, a:visited{
text-decoration: underline;
color: #336699;
}
a:link{
text-decoration: underline;
color: #336699;
}
和
a:visited{
text-decoration: underline;
color: #336699;
}
在 a:link, a:visited{ } 下输入以下代码:
a:hover{
text-decoration: none;
}
这些代码是干吗用的呀? 当把指针移到链接上面时候下划线消失。
如果不想在默认情况下有下划线而是在当把指针移到链接上面的时候才出现下划线,那么就在 a:link 和 a:hover 之间交换下 text-decoration: 的值。
如果你想更改你链接悬停时的颜色,那么就增加 color: 和任何你想要的十六进制代码,如:
a:hover{
text-decoration: none;
<strong>color: #ff0000;</strong>
}
专题::
本站推荐使用的主机:,国外主机建议使用。
原文:
全站搜索