导航制作方法总结之一

 虽然这种看完，你会感觉真的很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>
posted @ 2017-03-14 21:48  有深度  阅读(397)  评论(0)    收藏  举报