图中这一部分是鼠标悬浮在这个上面的效果。鼠标离开后恢复颜色和前面的两个一样。
我想实现,页面加载后,鼠标不移动到这一部分,就实现悬浮状态的这种效果。
就是一直高亮这一区域。
怎么实现,最好是在<li><a href="#">留言本</a></li>这里面加css就实现。
怎么没有人回答呢?这个问题很难吗?
也许可以这样写。你不妨先插入代码试试
<head>
<style>
a:link#nav,a:visited#nav{
background-color:#C60;
}
a:hover#nav{
background-color:#C60;
}
.ex a:link,.ex a:visited{
background-color:#333;
width:20px;
color:#FFF;
}
.ex a:hover{
background-color:#C60;
width:20px;
color:#FFF;
}
li{
list-style:none;
float:left;
margin-right:5px;}
</style></head>
然后body部分
<body><div class="ex">
<ul>
<li><a href="#">链接1</a></li><li><a id="nav" href="#">链接2</a></li><li><a href="#">链接2</a></li></ul></div>
</body>
虽然不好,但是你要的效果能实现