今天来给大家分享一下关于超链接样式有哪些的问题,以下是对此问题的归纳整理,让我们一起来看看吧。
用css设置四种不同风格超链接的方法
html超链接样式包括:正在连接、访问过、鼠标盘旋,各个文本字体样式设置如下A {
FONT-SIZE: 16px; FONT-FAMILY: 宋体
}
A:link {
COLOR: #0055bb; TEXT-DECORATION: none
}
A:visited {
COLOR: #0077bb; TEXT-DECORATION: none
}
A:hover {
COLOR: #ff0000; TEXT-DECORATION: none
}
CSS定义超链接样式的顺序是什么?
CSS中通过四个伪类来定义链接的样式,分别是:a:link 链接默认的样式
a:visited 链接已被访问过时的样式
a:hover 鼠标悬浮在链接上的样式
a:active 点击链接时候的样式
一般定义这四种样式的是“LVHA”的顺序来写样式,不然可能出现样式覆盖问题;
定义class样式一般分两种,一种在a标签上,一种在a标签外面,实例如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
LVHA
.aaa a:link{color:red;text-decoration:none;font-size:14px;}
.aaa a:visited{color:yellow;text-decoration:none;font-size:14px;}
.aaa a:hover{color:blue;text-decoration:none;font-size:14px;}
.aaa a:active{color:green;text-decoration:none;font-size:14px;}
在a标签外的标签加class
LVHA
a.bbb:link{color:red;text-decoration:none;font-size:14px;}
a.bbb:visited{color:yellow;text-decoration:none;font-size:14px;}
a.bbb:hover{color:blue;text-decoration:none;font-size:14px;}
a.bbb:active{color:green;text-decoration:none;font-size:14px;}
在a标签加