雖然這種看完，你會感覺真的很low，但是，並不是沒有什麼用處，這種書寫格式可以用在次導航的製作上以及網站首頁的footer部分，甚至也可以用這種格式做二級三級頁面，總之，做主導航的時候是不能使用的，因為這會造成用戶體驗感覺不好，而且，如果遇到大神級人物看見這樣的網站導航，會降低對你這個公司的評價和信 ...
雖然這種看完，你會感覺真的很low，但是，並不是沒有什麼用處，這種書寫格式可以用在次導航的製作上以及網站首頁的footer部分，甚至也可以用這種格式做二級三級頁面，總之，做主導航的時候是不能使用的，因為這會造成用戶體驗感覺不好，而且，如果遇到大神級人物看見這樣的網站導航，會降低對你這個公司的評價和信任度。但是，我已經在前面說了，這種方法還是有可取之處的。
| <style type="text/css"> | |
| *{ | |
| margin: 0px; | |
| padding: 0px; | |
| } | |
| .nav{ | |
| text-align: center; | |
| } | |
| .nav a{ | |
| width: 120px; | |
| height: 50px; | |
| display: inline-block; | |
| font-size: 22px; | |
| text-decoration: none; | |
| line-height: 50px; | |
| } | |
| a:link{ | |
| background-image: url("bg.png"); | |
| } | |
| a:hover{ | |
| background-image: url("bgc.png"); | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="nav"> | |
| <a href="#">首頁導航</a> | |
| <a href="#">網站地圖</a> | |
| <a href="#">產品簡介</a> | |
| <a href="#">公司位置</a> | |
| <a href="#">聯繫我們</a> | |
| </div> | |
| <div style="font-size: 36px; text-align: center; color: red; margin-top: 270px;">這是第一種做導航的方法</div> |
