我们看到一些网站的代码，发现当鼠标经过时导航会变高，那么他是怎么实现的呢，今天我们就试着实现这个效果。
工具/原料
dw cs6软件
方法/步骤
1
新建一个文本文档，我们写入以下内容代码。
2
我们在css中添加以下样式
3
下面我们更改一些样式，让鼠标经过时，颜色进行改变，同时高度变为40像素，我们在css中加入以下属性就可以了，background:#F00;height:40px;margin-top:-10px;line-height:40px;
4
我们看下设置后的效果。在浏览器和dw的设计当中都可以查看。
5
下面我们梳理几个比较重要的知识点。首先line-height属性，这个样式我们在设置字体间距和在导航中是经常遇到的。
6
margin-top属性，设置外边距的最简单的方法就是使用 margin 属性。我们参考下w3c的资料