码迷,mamicode.com
首页 > 其他好文 > 详细

伪类选择器

时间:2018-04-27 13:56:36      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:www   oct   baidu   鼠标移动   .com   body   title   com   hover   

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>伪类选择器</title>
 6         <style type="text/css">
 7             *{
 8                 font-size: 30px;
 9             }
10             #a{
11                 text-decoration: none;
12                 
13             }
14             
15             /*未访问的连接*/
16             a:link{
17                 color: red;
18             }
19             
20             /*以访问的连接*/
21             a:visited{
22                 color: green;
23             }
24             /*鼠标移动*/
25             a:hover{
26                 color: blue;
27             }
28             /*鼠标选定*/
29             a:active{
30                 color: yellow;
31             }
32              
33             
34         </style>
35     </head>
36     <body>
37         <a id="a" href="https://www.baidu.com">百度</a>
38         <a href="https://www.jd.com">京东</a>
39         <a href="https://www.taobao.com">淘宝</a>
40     </body>
41 </html>

 

伪类选择器

标签:www   oct   baidu   鼠标移动   .com   body   title   com   hover   

原文地址:https://www.cnblogs.com/yyb6/p/8960752.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!