CSS链接
链接的四种状态
a:link {color:#FF0000;} / 未被访问的链接 / a:visited {color:#00FF00;} / 已被访问的链接 / a:hover {color:#FF00FF;} / 鼠标指针移动到链接上 / a:active {color:#0000FF;} / 正在被点击的链接 /
【注意】当为链接的不同状态设置样式时,请按照以下次序规则:
a:hover 必须位于 a:link 和 a:visited 之后
a:active 必须位于 a:hover 之后
去掉a链接默认的下划线
text-decoration:{none/underline}
a:link {text-decoration:none;} a:visited {text-decoration:none;} a:hover {text-decoration:underline;} a:active {text-decoration:underline;}
创建链接块
display:block;
列表样式
在一个无序列表中,列表项的标志 (marker) 是出现在各列表项旁边的圆点。在有序列表中,标志可能是字母、数字或另外某种计数体系中的一个符号。
要修改用于列表项的标志类型,可以使用属性 list-style-type:
ul {list-style-type : square;}
上面的声明把无序列表中的列表项标志设置为方块。
列表项图像
你可能想对各标志使用一个图像,这可以利用 list-style-image 属性做到:
ul li {list-style-image : url(xxx.gif);}
列表标志位置