<!DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <title>導(dǎo)航條2作業(yè)</title>
? ? <style type="text/css">
? ? ? ? *{
? ? ? ? ? ? margin: 0;
? ? ? ? ? ? padding: 0;
? ? ? ? }
? ? ? ? .nav{
? ? ? ? ? ? height: 42px;
? ? ? ? ? ? width: 960px;
? ? ? ? ? ? border: 1px solid #474747;
? ? ? ? ? ? margin: 30px auto;
? ? ? ? ? ? padding: 0 129px;
? ? ? ? }
? ? ? ? a{
? ? ? ? ? ? text-decoration: none;
? ? ? ? ? ? font-family: "微軟雅黑";
? ? ? ? ? ? color: #333;
? ? ? ? ? ? font-size: 14px;
? ? ? ? }
? ? ? ? .list{
? ? ? ? ? ? list-style: none;
? ? ? ? ? ? margin: 0 auto:;
? ? ? ? }
? ? ? ? .list li{
? ? ? ? ? ? float: left;
? ? ? ? ? ? /*margin: 13px auto;*/
? ? ? ? ? ? margin: 13px 20px;
? ? ? ? }
? ? </style>
</head>
<body>
? ? <div class="nav">
? ? ? ? <ul class="list">
? ? ? ? ? ? <li><a href="#">首頁</a></li>
? ? ? ? ? ? <li>|</li>
? ? ? ? ? ? <li><a href="#">網(wǎng)絡(luò)建設(shè)</a></li>
? ? ? ? ? ? <li><a href="#">|</a></li>
? ? ? ? ? ? <li><a href="#">程序開發(fā)</a></li>
? ? ? ? ? ? <li>|</li>
? ? ? ? ? ? <li><a href="#">網(wǎng)絡(luò)營銷</a></li>
? ? ? ? ? ? <li>|</li>
? ? ? ? ? ? <li><a href="#">企業(yè)? VI</a></li>
? ? ? ? ? ? <li>|</li>
? ? ? ? ? ? <li><a href="#">案例展示</a></li>
? ? ? ? ? ? <li>|</li>
? ? ? ? ? ? <li><a href="#">聯(lián)系我們</a></li>
? ? ? ? </ul>
? ? </div>
</body>
</html>
