Download presentation
Presentation is loading. Please wait.
1
第15节 CSS超链接样式 武汉纺织大学传媒学院 cm.wtu.edu.cn 2019/5/10 传媒学院
2
1、超链接CSS属性 注意：这些属性不是css中的属性名，而是应该是作为选择器名称 网页链接属性 语法 说明 a:link
未链接时超链接文字的样式 a:visited 已链接过超链接文字的样式 a:active 当鼠标点击超链接后，超链接文字所显示的样式 a:hover 当鼠标移动超链接文字上方时，超链接文字所显示的样式 a 在此属性设置样式时，则上述四种属性将同时引用此值 注意：这些属性不是css中的属性名，而是应该是作为选择器名称 2019/5/10 传媒学院
3
2、删除链接的下划线 对a标签添加CSS CSS规则定义面板中的“类型”的“修饰”设置为“无” 例子 2019/5/10 传媒学院
4
3、修改未/已访问链接颜色 修改未访问链接样式 修改已访问链接颜色 例子 修改a:link样式的color属性值
修改a:visited样式的color属性值 例子 2019/5/10 传媒学院
5
4、a:hover a:hover是标签a的悬停伪样式，也就是当鼠标移动到a标记所包含的内容上时，该内容所具有的效果
该样式需定义在a，a:link，a:visited之后，如果有的话 例子 2019/5/10 传媒学院
6
5、a:hover扩展 IE8以后的浏览器支持如下CSS定义 例子 选择器:hover CSS3样式
定义样式.test:hover，表示当鼠标移动到使用.test样式的标记上时，该标记的样式变为.test:hover所定义的样式 2019/5/10 传媒学院
7
作业 定义一个ul列表，对其列表项li添加hover伪样式，要求达到这样的效果：当鼠标移动到某一列表项时 ，该项的文字变成绿色、背景颜色变成红色，如下。（注：要使用较新浏览器查看效果，比如firefox，因为这是css3样式效果） 2019/5/10 传媒学院
Similar presentations
