CSS链接

简介: CSS链接

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);}
列表标志位置

目录
相关文章
|
17天前
|
前端开发
CSS链接
CSS链接。
20 6
|
7天前
|
前端开发
CSS 链接
CSS 链接
6 1
|
16天前
|
前端开发
CSS 链接
CSS 链接。
13 6
|
1月前
|
前端开发 UED
CSS——如何取消a链接点击时的背景颜色
CSS——如何取消a链接点击时的背景颜色
12 1
|
2月前
|
Web App开发 前端开发 数据安全/隐私保护
编程笔记 html5&css&js 009 HTML链接
编程笔记 html5&css&js 009 HTML链接
|
5月前
|
前端开发 UED
Css 如何取消a链接点击时的背景颜色
Css 如何取消a链接点击时的背景颜色
|
7月前
css3链接
css3链接
30 0
|
前端开发 搜索推荐
HTML之文本格式化、链接、头部、CSS(笔记小结)
HTML之文本格式化、链接、头部、CSS(笔记小结)
144 0
HTML之文本格式化、链接、头部、CSS(笔记小结)
|
移动开发 HTML5
HTML5 + CSS3 链接标签学习笔记(三)
HTML5 + CSS3 链接标签学习笔记(三)
79 0
HTML5 + CSS3 链接标签学习笔记(三)
|
前端开发
web前端学习(十六)——CSS3链接属性(a:XXX)的相关设置
web前端学习(十六)——CSS3链接属性(a:XXX)的相关设置
web前端学习(十六)——CSS3链接属性(a:XXX)的相关设置