牛刀小试:无风险修改Blogger链接样式
最近,在看css的书,正好顺手把本Blog的超链接样式给改了,现在当鼠标悬停在超链接文字上时,文字会变为白色,而背景色就会变成原来文字的颜色,并且去掉下划线,这样一来生动了好多。
那么具体修改超链接样式的方法如下:
- 进入“模板”-“修改html”,在修改之前一定记得先备份自己的模板。
- 在“编辑模板内容”中,找到“/* links
----------------------------------------------- */”部分,这就是css中定义超链接的部分了。 - 其中“a:hover {”的部分,就是正文中超链接,鼠标悬停时的样式;“.sidebar a:hover {”就是侧边拦中超链接,鼠标悬停时的样式;“.post h3 a {”部分是文章题目的样式,你可以发现并没有类似“.post h3 a:hover {”的部分,这就是为什么鼠标悬停于文章标题并没有什么反应的原因,所以要作修改,你就应该手动加上“.post h3 a:hover {”这一部分。
- 而具体其中的参数应该如何填写,都是css中最基础的知识,有兴趣的朋友自己Google上一搜,都可以找到一大堆。而我们用的到的,也就是“color:#xxxxxx”(文字颜色)、“background:#xxxxxx”(背景颜色)、“text-decoration:none”(去掉“下划线”)这三个参数。
- 看到喜欢的颜色,如何知道它的十六进制代码?可以试试看“好色鬼”这款软件,挺好用的,就是有时候会崩溃……
0 Comments:
Post a Comment