鼠标指向有背景的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="www.knowsky.comhttp://www.knowsky.com">www.knowsky.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>