<!DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <title>導(dǎo)航條3</title>
? ? <style type="text/css">
? ? ? ? *{
? ? ? ? ? ? margin: 0;
? ? ? ? ? ? padding: 0;
? ? ? ? }
? ? ? ? a{
? ? ? ? ? ? display: block;
? ? ? ? ? ? height: 100%;
? ? ? ? ? ? text-decoration: none;
? ? ? ? ? ? font-family: "微軟雅黑";
? ? ? ? ? ? color: #fff;
? ? ? ? ? ? padding: 10px 0 13px 25px;
? ? ? ? }
? ? ? ? .blok{
? ? ? ? ? ? height: 40px;
? ? ? ? ? ? width: 960px;
? ? ? ? ? ? background-color: #55a8ea;
? ? ? ? ? ? margin: 30px auto;
? ? ? ? }
? ? ? ? .nav{
? ? ? ? ? ? list-style: none;
? ? ? ? }
? ? ? ? .nav li{
? ? ? ? ? ? width: 100px;
? ? ? ? ? ? height: 40px;
? ? ? ? ? ? float: left;
? ? ? ? ? ? overflow: hidden;
? ? ? ? }
? ? ? ? .nav a:hover{
? ? ? ? ? ? background-color: #00619f;
? ? ? ? }
? ? ? ? .box{
? ? ? ? ? ? width: 33px;
? ? ? ? ? ? height: 20px;
? ? ? ? ? ? background-image: url(img/new.png);
? ? ? ? ? ? position: relative;
? ? ? ? ? ? left: 430px;
? ? ? ? ? ? top: -5px;
? ? ? ? }
? ? </style>
</head>
<body>
? ? <div class=blok>
? ? ? ? <ul class="nav">
? ? ? ? ? ? <li><a href="#">首頁</a></li>
? ? ? ? ? ? <li><a href="#">網(wǎng)絡(luò)基站</a></li>
? ? ? ? ? ? <li><a href="#">程序開發(fā)</a></li>
? ? ? ? ? ? <li><a href="#">網(wǎng)絡(luò)營銷</a></li>
? ? ? ? ? ? <li><a href="#">企業(yè)TV</a> </li>
? ? ? ? ? ? <li><a href="#">案例展示</a></li>
? ? ? ? ? ? <li><a href="#">聯(lián)系我們</a></li>
? ? ? ? </ul>
? ? ? ? <div class="box"></div>
? ? </div>
</body>
</html>
