首页 > 其他 > 详细

伪类选择器

时间:2018-04-27 10:49:00      阅读:146      评论:0      收藏:0      [点我收藏+]
 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>

 

伪类选择器

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!