1、网页设计与制作,网页的美化(CSS样式) 链接效果设置,链接样式的设置,链接的4种状态: A:link 设置链接的初始状态 A:hover 设置鼠标经过时的状态 A:visited 设置已访问过的链接状态 A:active 设置活动链接的状态,4种状态的设置顺序为: LVHA,链接样式的设置,1、设置网页中所有正文中的链接文字格式为:鼠标经过时为黄色,有下划线;其它状态为绿色,无下划线。可按如下方案设置:A 绿色,无下划线A:hover 黄色,有下划线 说明:重定义A标签相当于同时定义所有的链接效果,2、设置网页中所有正文中的链接文字格式为:鼠标经过时为黄色,有下划线;已访问状态为绿色,无下划
2、线;未访问状态为黑色,无下划线。可按如下方案设置:A:link 黑色,无下划线A:visited 绿色,无下划线A:hover 黄色,有下划线,链接样式的设置,3、 在网页中设置两种链接样式。 所有正文中的链接文字格式为:鼠标经过时为黄色,有下划线;已访问状态为绿色,无下划线;未访问状态为黑色,无下划线。 导航菜单#menu内所有的链接格式设置为:鼠标经过时为黄色,有下划线;已访问状态为白色,无下划线;未访问状态为白色,无下划线。 方案一:A:link 黑色,无下划线A:visited 绿色,无下划线A:hover 黄色,有下划线#menu A:link 白色,无下划线 # menu A:vi
3、sited 白色,无下划线 # menu A:hover 黄色,有下划线,用于控制 #menu 中的链接样式,用于控制网页中所有区域的链接效果,链接样式的设置,4、 在网页中设置链接样式。 某一局部位置文字的链接格式设置为:鼠标经过时为黄色,有下划线;已访问状态为白色,无下划线;未访问状态为白色,无下划线。 方案: (1)在A下创建一个子类.topmenu,再创建.topmenu的链接样式 A .topmenu :link 白色,无下划线 A .topmenu :visited 白色,无下划线 A .topmenu :hover 黄色,有下划线 (2)在A标签上使用.topmenu类 说明:如果设置样式a.topmenu则表示同时定义使用了.topmenu类的所有链接样式。,此处的.topmenu 应用在A标签上,