CSS学习笔记 创建链接框

来源:互联网 发布:离散最优化算法 编辑:程序博客网 时间:2024/06/05 06:16

结合若干CSS属性,将链接显示为方框。

<html><head><style>a:link,a:visited{display:block;font-weight:bold;font-size:14px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF;background-color:#98bf21;width:120px;text-align:center;padding:4px;text-decoration:none;}a:hover,a:active{background-color:#7A991A;}</style></head><body><a href="http://cn.bing.com/" target="_blank">Bing</a></body></html>

当为链接的不同状态设置样式时,请按照以下次序规则:
•a:hover 必须位于 a:link 和 a:visited 之后
•a:active 必须位于 a:hover 之后

0 0