这些属性设置完后,一个简单的纵向列表菜单初具模型了。因为导航菜单,需要链接到其它页面,下边把这些导航加上链接,然后在定义a的状态和鼠标划过状态。
要添加链接,先选择要添加链接的文字,然后在属性页面链接上输入要链接的页面址,我这里输入个#,是个虚拟链接,不指向任何页面。
创建a的样式后,下面我们增加个交互效果,当鼠标划过链接文字时,让文字颜色变成红色,这时就需要用到a:hover这个伪类了
这里的a:hover属于伪类,在下一章节时会详细讲解,或者参看http://www.aa25.cn/div_css/882.shtml,这里只要知道这个写法是定义鼠标划过时的样式就可以了
源代码如下:
- · 有利于SEO的DIV+CSS的命名规则 搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关....
- · DIV+CSS专题:CSS HACK 什么是CSS hack?由于不同的浏览器,比如Internet Explorer 6,In....
- · DIV+CSS网页布局技巧实例19:用css hack针对IE的优化 有些时候,你需要对IE浏览器的bug定义一些特别的规则,这里有太....
- · 《十天学会web标准div+css》10:div+css网页标准布局案例三 前边两节学完后,前台工作基本上完成了,下边的任务该程序员添加....
- · 《十天学会web标准div+css》10:div+css网页标准布局实例二 (接上一篇,本节教程文字较多,比较枯燥,如果前边知识学习牢固....