大家好,我是小豆豆,我来为大家解答以上问题。超链接取消下划线 css,怎么在CSS里定义超链接的样式很多人还不知道,现在让我们一起来看看吧!
1、CSS中通过四个伪类来定义链接的样式,分别是:
2、a:link 链接默认的样式
3、a:visited 链接已被访问过时的样式
4、a:hover 鼠标悬浮在链接上的样式
5、a:active 点击链接时候的样式
6、一般定义这四种样式的是“LVHA”的顺序来写样式,不然可能出现样式覆盖问题;
7、定义class样式一般分两种,一种在a标签上,一种在a标签外面,实例如下:
8、1
9、2
10、3
11、4
12、5
13、6
14、7
15、8
16、9
17、10
18、11
19、12
20、13
21、14
22、15
23、 <styletype="text/css">LVHA
24、.aaaa:link{color:red;text-decoration:none;font-size:14px;}
25、.aaaa:visited{color:yellow;text-decoration:none;font-size:14px;}
26、.aaaa:hover{color:blue;text-decoration:none;font-size:14px;}
27、.aaaa:active{color:green;text-decoration:none;font-size:14px;}
28、</style>
29、<divclass="aaa"><ahref="#">在a标签外的标签加class</a></div><br/>
30、<styletype="text/css">LVHA
31、a.bbb:link{color:red;text-decoration:none;font-size:14px;}
32、a.bbb:visited{color:yellow;text-decoration:none;font-size:14px;}
33、a.bbb:hover{color:blue;text-decoration:none;font-size:14px;}
34、a.bbb:active{color:green;text-decoration:none;font-size:14px;}
35、</style>
36、<ahref="#"class="bbb">在a标签加</a>
本文到此讲解完毕了,希望对大家有帮助。