网络营销电子商务研究中心 - css里怎么实现导航鼠标放上去整个小块变色？ [

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title></title>

<style>

ul,li{padding:0;margin:0;list-style:none}

li{float:left;width:80px;height:30px;line-height:30px}

a{display:block;background-color:red;color:#fff;font-size:12px;width:100%;height:100%;text-align:center;text-decoration

        :none}

a:hover{background-color:green}

</style>

</head>



<body>

<ul>

        <li><a href="#" >网站首页</a></li>

        <li><a href="#" >技术文档</a></li>

        <li><a href="#" >美女写真</a></li>

        <li><a href="#" >经典论坛</a></li>

</ul>

</body>

</html>