CSS基础详解-4+链接、列表与表格.pdfVIP

第三章CSS 第4节 链接、列表与表格 本节内容  丰富的超链接特效  设置列表的样式  导航菜单 超链接的四种状态 超链接是网页的重要组成部分，所有页面都会通过超链 接相互链接在一起，形成一个有机的整体。 超链接的四种状态： 未访问过的（没有被点击过的超链接） 访问过的 鼠标经过时 鼠标激活时（鼠标点击了超链接但还没离开时） 演示四种样式效果： Demo3_2_1hyperText.html 超链接的四种状态 超链接的状态 CSS 未访问过的超链接的样式 a:link 访问过的超链接的样式 a:visited 鼠标经过超链接时的样式 a:hover 鼠标激活超链接时的样式 a:active 动手做： 修改Demo3_2_1hyperText.html ，设 置访问过的链接为橙色，鼠标经过超 链接时背景颜色为浅绿色并且文字加 粗 不仅只是文字相关的CSS样式，其他各种背景、边框和排 版的CSS样式都可以加入到超链接样式设计中。  丰富的超链接特效  设置列表的样式  导航菜单 列表设置 属性 说明 属性值 list-style-type 列表标号 disc、circle、square、decimal、 lower-roman、upper-roma、 lower-alpha、upper-alpha、 none、…… list-style-image 用图片代替标号 url （相对地址、绝对地址）、none list-style-position 标号显示位置 inside、outside list-style 综合设置 演示列表属性控制的效果： Demo3_2_2list1.html 列表设置——丰富列表标号 html body head ul title项目列表/title liHome/li style liHTML/li !-- liCSS/li ul{ liJavascript/li font-siz