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

第7课 CSS-4 用css设置超链接与导航条 一、a超链接的四种状态 在html语言中，超链接通过a标记来实现的，其默认的显示效果为蓝色加下划线。 利用css可以设置超链接各种状态下的样式，包括字体、颜色和背景。 Css利用伪类选择器设置a标记的不同状态。 超链接有四种状态：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。 a: link {color: 白色} /* 未访问的链接 */ a:visited {color: 蓝色} /* 已访问的链接 */ a:hover {color: 红色} /* 鼠标移动到链接上 */ a:active {color: 绿色} /* 选定的链接 */ 效果2：制作横向或竖向的荧光灯效果导航条 5、制作横竖自由转换的导航条 #menu a { display:block; /*用块方式显示行内元素*/ float：left /*制作横向导航条时需要*/ } 四、用CSS属性设置鼠标指针效果--cursor属性 五、设置无序或有序列表的样式 准备html代码： 5.1 用CSS设置列表的符号： list-style-type属性 5.2 用CSS设置图片符号及位置：list-style-image和list-style-position 3、设置li加点线下边框： ul li