你这个要直接a:hover span时设为block
<ul id="test">
<li><a href="#">移到这里<span>提示内容</span></a></li>
<ul>
#test a span{display:none}
#test a:hover span{display:block}
IE6下a:hover span是无效的,不过很好解决,你自行百度下ie6 a:hover span
<style type=“text/css">#banner{width:900px}
#banner li{float:lefttext-align:centerwidth:100px}
</style>
<ul id="banner">
<li><a href="">首页1</a><li>
<li><a href="">首页2</a><li>
<li><a href="">首页3</a><li>
</ul>
横着显示的关键属性是<li>的float:left,最好定义一个宽度。
居中对齐则是属性:text-align:center。