给你的网站添加win8样式导航

这个本来是钱来吧站长付费叫我弄的，授之以鱼不如授之以渔，现在我就把教程分享出来吧，免得大家又得付费叫人帮忙弄了。

首先看看Html代码

<div class="weibo"><a href="地址" title="提示语" target="_blank">显示文字</a></div>

再看看css代码

.weibo {
background: #2ba4ce;
width: 260px;
height: 40px;
margin: 2px 0;
color: #fff;
font-size: 16px;
text-align: center;
line-height: 35px;
letter-spacing: 1px;
}
.weibo a {
width: 260px;
height: 40px;
display: block;
color: #fff
}
.weibo a:hover {
width: 260px;
height: 40px;
display: block;
background: #0C3;
color: #fff;
text-decoration: none;
}

我们这里的class是以weibo做演示的，所以你也可以改名称多加几个。

演示：

其中css的width是宽度height是高度color是颜色    骚年们，话都说到这个地步了，自己DIY去吧。