-
![菜单背景自适应宽度的CSs实现方法示例]()
为了让菜单看上去更漂亮一些，我们都喜欢用图片去修饰菜单的背景，如果是规则图片，那很好实现，但是如果菜单的背景是不规则的，我们应该如何让它的宽度随着菜单的文字多少而自动适应宽度变化呢？通过这个菜单实例 2018-07-11 461 0 0 0 -
![纯CSS制作双语导航条]()
又一个纯CSS的双语导航菜单栏，巧妙的使用了span元素，再加上鼠标动作，一个类似提示的双语菜单就完成了。运行一下看看效果吧，简洁实用，修改方便。 2018-07-11 403 0 0 0 -
![纯CSS标准型下拉菜单]()
-
![蓝白相间纯CSS悬停立体效果导航菜单]()
纯CSS编写的导航菜单，当悬停的时候它是有阴影的，显出立体效果的菜单，蓝色与白色搭配，对比强烈，清新自然，完全CSS实现，初学CSS的朋友可以把此当作一个CSS菜单制作教程，都是基础代码实现的。 2018-07-11 376 0 0 0 -
![兼容IE各版本的纯CSS二级下拉菜单]()
这是一个标准的CSS下拉菜单制作教程，有针对目前流行的IE6/IE7/IE8不同版本的CSS代码，因此可以在IE之间完全兼容，不过其它的浏览器像火狐/GG浏览器之类的没有测试，如果兼容IE8的话，那 2018-07-11 419 0 0 0 -
![纯CSS+XHTML打造简约下拉菜单]()
简约下拉菜单，基于纯CSS+XHTML制作实现，一方面是想表现菜单，另一方面是想说明如何固定菜单下方的DIV，说起来还有点复杂，你最好看看代码吧，本人表达能力欠佳，怕越说越糊涂了，上边的二级菜单展开 2018-07-11 521 0 0 0 -
![简约、兼容好的XHTML+css二级导航菜单]()
-
![CSS实现折叠的菜单]()
-
![CSS伪类实现的鼠标滑动图片链接]()
CSS伪类实现的鼠标滑动链接，是一个图片导航，在早期的DW中有专一制作本效果的插件，不过随着大家CSS水平的提高，现在做出这种效果好像得心应手了，因为这种果大家应该都挺喜欢的。 2018-07-10 391 0 0 0 -
![图片交换技术制作CSS鼠标悬停菜单]()
这是一个使用了图片交换技术制作的CSS鼠标悬停菜单，也就是大家所说的鼠标经过换色，不过本例中的菜单并没有使用纯CSS来实现背景换色，这里将用一幅图片替换了背景色，因为主要是想让大家了解CSS对背景图 2018-07-10 345 0 0 0 -
![灰色会换色MAC官方菜单纯CSS实现]()
MAC官方网站的菜单,实际上是看着好看,但看了代码感觉不太实用,因为为了实现这么一个效果代码太繁琐,而且菜单修改起来也极不方便,建议大家以学习的态度阅读源码.请注意里面的背景图片是png透明，所以必 2018-07-10 456 0 0 0 -
![UL、LI 无序列表实现纯CSS网站导航菜单]()
三行的纯CSS网站导航栏菜单，改改风格，让大家感到新鲜一点，其它主要还是使用了Li列表，整体布局简洁，美观大方，适合大部分网站使用，颜色和菜单空隙可随意调节，希望大家喜欢。 2018-07-10 319 0 0 0 -
![CSS仿迅雷视频首页导航条（蓝色）]()
这个导航条做的不错，是模仿迅雷视频网站的，完全基于CSS和HTML代码，大气清新，请运行一下看看效果如何。 2018-07-10 575 0 0 0 -
![纯CSS实战竖向导航菜单]()
纯CSS实战竖向导航菜单，这也算是一个典型的CSS菜单啦，这里要用到两个背景图片，在鼠标动作时分别加载不同的背景图片，以达到反差给人的清新效果，其实这种菜单的制作是很简单的，代码量不大，作为初级者的 2018-07-10 453 0 0 0 -
![DIV+CSS仿京东商城导航条]()
站长推荐
