<!DOCTYPE html><html> <head> <meta charset="" /> <style type="text/css"> div{ width: 120px; font-size: 12px; font-family: "宋体"; } ul{ margin: 0px; padding: 0px; list-style-type: none; } li{ border-bottom: #ed9f9f solid 1px; } li a{ display: block; padding: 5px 5px 5px 8px; text-decoration: none; border-left: 12px solid #711515; border-right: 1px solid #711515; } li a:link{ background-color: #c11136; color: #FFFFFF; } li a:visited{ background-color: #C11136; color: #555555; } li a:hover{ background-color: #C11136; color: #0099FF; } </style> </head> <body> <div> <ul> <li><a href="#">首页</a></li> <li><a href="#">音乐MP3</a></li> <li><a href="#">我的博客</a></li> <li><a href="#">个人空间</a></li> </ul> </div> </body></html>
在IE11里点击超链接后会有颜色变化,在火狐和谷歌下点击根本没有颜色变化
firefox12测试没有问题,点击后边灰色#555555,默认白色
linux chrome 33测试没有问题
点击后文字颜色为#555555,但四个链接地址相同,点击其中一个,其它同样会有变色效果
linux chrome 33测试没有问题
点击后文字颜色为#555555,但四个链接地址相同,点击其中一个,其它同样会有变色效果
firefox12测试没有问题,点击后边灰色#555555,默认白色
firefox12测试没有问题,点击后边灰色#555555,默认白色