网页设计与制作教程第5版作者刘瑞新第7章使用CSS设置链接与导航菜单课件.pptVIP

网页设计与制作教程第5版 机械工业出版社同名教材 配套电子教案 * * 7.1 使用CSS设置链接 7.2 使用CSS设置列表 7.3 创建导航菜单 7.4 使用CSS设置链接与导航菜单综合案例 7.5 实训——制作什锦果园关于页面 第7章 使用CSS设置链接与导航菜单 7.1.1 改变文字链接的外观 伪类中通过:link、:visited、:hover和:active来控制链接内容访问前、访问后、鼠标悬停时以及用户激活时的样式。需要说明的是，这4种状态的顺序不能颠倒，否则可能会导致伪类样式不能实现。并且这4种状态并不是每次都要用到，一般情况下只需要定义链接标签的样式以及:hover伪类样式即可。 【演练 7-1】改变文字链接的外观。本例文件为7-1.html，当鼠标未悬停时文字链接的效果如图7-1（a）所示，鼠标悬停在文字链接上时的效果如图7-1（b）所示。 7.1 使用CSS设置链接 7.1.2 设置按钮链接 按钮式超链接的实质就是将超链接样式的4个边框的颜色分别进行设置，左和上设置为加亮效果，右和下设置为阴影效果，当鼠标悬停到按钮上时，加亮效果与阴影效果刚好相反。 【演练7-3】创建按钮式超链接，当鼠标悬停到按钮上时，可以看到超链接类似按钮“被按下”的效果，如图7-3所示。 7.1 使用CS