在这个案例中，将制作如图1所示的菜单。鼠标指针经过某个菜单项时，显示灰色背景色，同时在上下两侧各产生一条带有斜角的横线。该实例文件位于网页学习网CSS教程资源中的“第7章\02\bevel-navi.htm”。图1 双斜角横线菜单效果在这个案例中，需要重点考虑的是这个带有斜角的横线是如何产生的。一、...
分类：
其他好文 时间：
2014-06-20 16:45:55
阅读次数：
228
现在在7.4节案例的基础上，制作一个能够显示说明信息的菜单，如图1所示。鼠标指针经过某一个菜单项的时候，会出现相应的说明信息。该实例文件位于网页学习网CSS教程资源的“第7章\05\tip-navi.htm”。图1 带说明信息的菜单效果在通常的状态下，这个菜单和7.4节中制作的菜单完全相同。而在鼠标...
分类：
其他好文 时间：
2014-06-20 16:45:19
阅读次数：
255
在本案例中，要实现如图1所示的圆角菜单效果。如果通过背景图片来使用前面介绍的滑动门技术，也是可以实现的。但在本案例中，我们采用另外一种方法来制作，其特点是不使用任何图像文件，仅通过CSS本身来实现这样的效果。该实例文件位于网页学习网CSS教程资源的“第8章\05\rounded-navi.htm”。...
分类：
其他好文 时间：
2014-06-20 16:33:51
阅读次数：
300
本例中要实现一个玻璃材质效果的水平菜单。为了表现出立体的视觉效果，以及玻璃的质感．必须借助图像才可以实现，完成后的效果如图1所示。该实例文件位于网页学习网CSS教程资源的“第8章\03\glass-navi.htm”。图1 玻璃效果的菜单本例中用到了两个图像，分别作为整个菜单的背景色平铺使用的，和当...
分类：
其他好文 时间：
2014-06-20 16:19:29
阅读次数：
300
