欢迎来到天天文库
浏览记录
ID:20181757
大小:625.50 KB
页数:17页
时间:2018-10-11
《第7课_css4设置超链接与导航条剖析ppt课件》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、第7课CSS-4用css设置超链接与导航条一、超链接的四种状态超链接有四种状态:活动状态,已被访问状态,未被访问状态,和鼠标悬停状态。a:link{color:白色}/*未访问的链接*/a:visited{color:蓝色}/*已访问的链接*/a:hover{color:红色}/*鼠标移动到链接上*/a:active{color:绿色}/*选定的链接*/1、准备代码:HomeEast2、>WestNorthSouth2、设置超链接各种状态下的CSS样式:二、效果1:创建按钮式超链接1、准备代码:HomeEastWest4、rth.htm">NorthSoutha:link,a:visited{border-top:1pxsolid#EEEEEE;border-left:1pxsolid#EEEEEE;border-bottom:1pxsolid#717171;border-right:1pxsolid#717171;padding:4px10px4px10px;background-color:#DDD;text-decoration:none;color:#A620205、;}2、设置超链接正常与已访问状态的样式:3、设置鼠标悬停时的CSS样式:a:hover{color:#821818;background-color:#CCC;border-top:1pxsolid#717171;border-left:1pxsolid#717171;border-bottom:1pxsolid#EEEEEE;border-right:1pxsolid#EEEEEE;padding:5px8px3px12px;}三、效果2:制作荧光灯效果的菜单1、准备代码:6、href="#"id="first">HomeContactUsWebDevWebDesignMap
2、>WestNorthSouth2、设置超链接各种状态下的CSS样式:二、效果1:创建按钮式超链接1、准备代码:HomeEastWest4、rth.htm">NorthSoutha:link,a:visited{border-top:1pxsolid#EEEEEE;border-left:1pxsolid#EEEEEE;border-bottom:1pxsolid#717171;border-right:1pxsolid#717171;padding:4px10px4px10px;background-color:#DDD;text-decoration:none;color:#A620205、;}2、设置超链接正常与已访问状态的样式:3、设置鼠标悬停时的CSS样式:a:hover{color:#821818;background-color:#CCC;border-top:1pxsolid#717171;border-left:1pxsolid#717171;border-bottom:1pxsolid#EEEEEE;border-right:1pxsolid#EEEEEE;padding:5px8px3px12px;}三、效果2:制作荧光灯效果的菜单1、准备代码:6、href="#"id="first">HomeContactUsWebDevWebDesignMap
4、rth.htm">NorthSoutha:link,a:visited{border-top:1pxsolid#EEEEEE;border-left:1pxsolid#EEEEEE;border-bottom:1pxsolid#717171;border-right:1pxsolid#717171;padding:4px10px4px10px;background-color:#DDD;text-decoration:none;color:#A62020
5、;}2、设置超链接正常与已访问状态的样式:3、设置鼠标悬停时的CSS样式:a:hover{color:#821818;background-color:#CCC;border-top:1pxsolid#717171;border-left:1pxsolid#717171;border-bottom:1pxsolid#EEEEEE;border-right:1pxsolid#EEEEEE;padding:5px8px3px12px;}三、效果2:制作荧光灯效果的菜单1、准备代码:
6、href="#"id="first">Home
8、y>
Ul{font-size:0.9em;color:#00458c;list-style-type:c
此文档下载收益归作者所有