<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>導航欄</title> <style type="text/css">*{margin: 0;padding: 0;}ul{list-style: none;margin:30px auto;height: 30px;border-bottom: 10px solid red;width: 1000px;}a{display: block;float: left;text-decoration: none;color:#FF4500;width: 120px;height:30px;text-align: center; line-height:30px;}a:hover{background:blue;? ? ? ? color: #000000;height: 40px;margin-top: -10px;line-height: 40px;} </style></head><body> <div> <ul> ? ? <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> </ul> </div></body></html>
這么用margin：auto把導航欄居中
東0123456789
2016-01-07 21:24:50
