第5课CSS3_设置超链接与导航条.pptVIP

第7课 CSS-4;一、a超链接的四种状态;超链接有四种状态：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。 a: link {color: 白色} /* 未访问的链接 */ a:visited {color: 蓝色} /* 已访问的链接 */ a:hover {color: 红色} /* 鼠标移动到链接上 */ a:active {color: 绿色} /* 选定的链接 */;1、准备代码： body div id=“menu” a href=home.htmHome/a a href=east.htmEast/a a href=west.htmWest/a a href=north.htmNorth/a a href=south.htmSouth/a /div /body;2、设置a超链接各种状态下的CSS样式： style a{ /* 超链接整体外观 */ font-size:14px; font-family:“”; line-height:50px; padding:20px } a:link { /* 超链接正常状态下的样式 */ color:red; /* 红色 */ text-decoration:none; /* 无下划线 */ } a:visited { /* 访问过的超链接 */ c