<html>
<meta http-equiv="Content-Type" content="text/html charset=utf-8">
　　<head>
　   <link type="text/css" href="css/css.css" rel="stylesheet" />
　　</head>
　　<body>
　   <div class="nav">
    <ul>
        <li> <a href="https://www.baidu.com/" class="h2">百度</a></li>
        <li> <a href="#" class="h2">谷歌</a></li>
        <li> <a href="#" class="h2">雅虎</a></li>

    </ul>

    </div>
　　</body>
</html>


.nav{width:200px;}
.nav ul li{width:200px;height:36px;line-height:36px;text-align:center;list-style-type:none;}
.nav ul li a{display:block;width:200px;height:34px;border-bottom:solid 1px #CCC;}
.nav ul li a:hover{background:url(../images/1.jpg) no-repeat;color:#FFF;}
.h2{font-family:"微软雅黑";font-size:24px;color:#666;}