鼠标指向有背景的CSS导航菜单

<!– 把下列代码加入到head区内 –>
<style>
#borderlinks a{
padding-left: 4px;
display: block;
width: 150px;
color: black;
text-decoration: none;
border: 1px solid white;
}

#borderlinks a:hover{
border: 1px solid black;
background-color: lightyellow;
}

</style>

<!– 把下列代码加入到body区内 –>
<div id=”borderlinks”>
<a href=”webjx.comhttp://www.webjx.com”>webjx.com</a>
<a href=”sina.comhttp://www.sina.com/”>sina.com</a>
<a href=”Googlehttp://www.google.com”>Google</a>
<a href=”Yahoohttp://www.yahoo.com”>Yahoo</a>
</div>

相关文章：

你感兴趣的文章：

标签云：