怎样用CSS实现这样的功能？

html-css015

怎样用CSS实现这样的功能？,第1张

<style type="text/css">

body,td {font-size:12pxcolor:#000000}

.menu {height:28pxline-height:28pxmargin:0pxlist-style:none}

.menu li {float:leftmargin-right:10pxpadding-top:5px}

.menu li a {display:blockbackground:redcolor:#ffffffwidth:70pxtext-align:centertext-decoration:none}

.menu li a:hover{color:#ffffffbackground:greentext-decoration:none}

</style>

<table width="100%" border="0" align="center">

<tr>

<td class="menu">

<li><a href="#">连接测试</a></li>

<li><a href="#">连接测试</a></li>

<li><a href="#">连接测试</a></li>

<li><a href="#">连接测试</a></li>

<li><a href="#">连接测试</a></li>

<li><a href="#">连接测试</a></li>

</td>

</table>

550 Requested action not taken. File unavailable (e.g., file not found, no access).

请求操作未被执行，文件不可用。