虽然这种看完，你会感觉真的很low，但是，并不是没有什么用处，这种书写格式可以用在次导航的制作上以及网站首页的footer部分，甚至也可以用这种格式做二级三级页面，总之，做主导航的时候是不能使用的，因为这会造成用户体验感觉不好，而且，如果遇到大神级人物看见这样的网站导航，会降低对你这个公司的评价和信任度。但是，我已经在前面说了，这种方法还是有可取之处的。
| <style type="text/css"> | |
| *{ | |
| margin: 0px; | |
| padding: 0px; | |
| } | |
| .nav{ | |
| text-align: center; | |
| } | |
| .nav a{ | |
| 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> |