用代码实现高亮显示某一区域

图中这一部分是鼠标悬浮在这个上面的效果。鼠标离开后恢复颜色和前面的两个一样。
我想实现,页面加载后,鼠标不移动到这一部分,就实现悬浮状态的这种效果。
就是一直高亮这一区域。
怎么实现,最好是在<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>

虽然不好,但是你要的效果能实现


温馨提示:答案为网友推荐,仅供参考
相似回答