利用CSS来设计导航解释.pptVIP

Div 导航 Span 实验练习 Ul/li 导航 主要内容 利用CSS设置超链接 利用CSS设置鼠标指针 利用CSS设置项目列表 利用CSS来创建导航： 竖排导航 横排导航 滑动门技术的玻璃菜单导航 利用CSS设置超链接 在默认方式下，超链接显示为蓝色有下划线，被点击过的链接为紫色也有下划线，通过CSS可以设置链接的各种属性来改变这种默认外观，还可以实现很多动态效果。如去除链接的下划线： a { text-decoration:none; } 仅仅设置a来改变超链接并没有太多动态效果，还需要设置CSS伪类 伪类只针对链接的4种状态进行设定： a:link 未访问过的超链接a:visited 访问过的超链接a:active 活动超链接a:hover 悬停状态的超链接 示例1 示例2 利用CSS设置超链接 注意事项： 1）伪类样式中可以添加边框、背景等，可以得到各种样式的效果；2）a:active状态很少使用；3）设置伪类要按照顺序link/visited/hover/active进行设置；4）选择器与伪类的冒号之间不要有空格。 CSS设置鼠标指针 ?? 示例1 cursor: crosshair 十字 cursor: default 默认 cursor: help