您的位置 >>> 星想互联 >>> 编程技术 >>> HTML+CSS
使用纯Css样式制作导航菜单
点击数:2824  发布时间2012-03-10 15:23:53

使用纯Css样式制作导航菜单
    导航条一般位于页面顶部或左部。方便易用的导航是网站成功的关键。
    使用纯cSS制作的导航条,具有风格一致的鼠标悬停效果,能使访问者对网站有合
理的控制感,其关键技术是设置超链接(详见第3章)的各种鼠标样式。
  【例2.2】水平菜单制作。
  【浏览效果】  访问http://WWW.wustWZX.com/webdesign/sj02一16b.html,当鼠标
不在菜单项(超链接)上时,没有下画线;当鼠标位于某个菜单项时,超链接出现新的背景,
出现下画线,这增强了交互感。浏览效果如图2—8所示。
图2—8纯CSS制作的水平菜单

【制作要点】
  ·定义超链接标记的样式a及伪类样式a:hover;
  ·在页面中定义若干个超链接(参见第3章);
  ·CSS定位属性。
  【源代码】访问http://www.wustwzx.com/webdesign/sj02—16a.html。
   
    (head>
   

来源:星想互联