第7章 用CSS设置链接与导航菜单精要.pptVIP

网页设计与制作教程（HTML+CSS+JavaScript） 机械工业出版社同名教材 配套电子教案 * * 7.1 用CSS设置链接 7.2 用CSS设置列表 7.3 创建导航菜单 7.4 用CSS设置链接与导航菜单综合案例 第7章 用CSS设置链接与导航菜单 7.1.1 超链接伪类 超链接涉及到一个新的概念——伪类。首先了解一下超链接的4种样式： a:link {color: #ff0000} /* 未访问的链接 */ a:visited {color: #00ff00} /* 已访问的链接 */ a:hover {color: #ff00ff} /* 鼠标悬停到链接上 */ a:active {color: #0000ff} /* 激活的链接 */ 超链接伪类的语法如下： a : link { sRules } 设置a对象在未被访问前的样式表属性。 a : visited { sRules } 设置a对象在链接地址已被访问过时的样式表属性。 a : hover { sRules } 设置a对象在鼠标悬停时的样式表属性。 a : active { sRules } 设置a对象在被用户激活（按下鼠标未松手）时的样式表属性。 7.1 用CSS设置链接 7.1.2 改变文字链接的外观 为了更清楚地理解如何使用CSS设置文字链接的外观，