第一生活网

超链接取消下划线 css(怎么在CSS里定义超链接的样式)

国宁菁
导读 大家好,我是小豆豆,我来为大家解答以上问题。超链接取消下划线 css,怎么在CSS里定义超链接的样式很多人还不知道,现在让我们一起来看看

大家好,我是小豆豆,我来为大家解答以上问题。超链接取消下划线 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>

本文到此讲解完毕了,希望对大家有帮助。