设为首页收藏本站

自学it网-公益PHP培训!

 找回密码
 立即注册

QQ登录

只需一步,快速开始

楼主: 念白白

[html5视频] 第 39 课 css 伪类   [复制链接]

Rank: 3Rank: 3

发表于 2015-12-28 21:28:09 |显示全部楼层
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.         <meta charset="UTF-8">
  5.         <title>Document</title>
  6. <style>
  7.        
  8.         a:link {color: red}       
  9.         a:visited {color: green}       
  10.         a:hover {color: blue}       
  11.         a:active {color: cyan}       
  12. </style>
  13. </head>
  14. <body>
  15.         <a href="#">变色</a>
  16.         <a href="#">变色</a>
  17. </body>
  18. </html>
复制代码
----- 2015 12 24 丁永博

使用道具 举报

Rank: 3Rank: 3

发表于 2016-3-6 02:45:32 |显示全部楼层
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.         <meta charset="UTF-8">
  5.         <title>练习4个伪类</title>
  6.         <style>
  7. a:link{
  8.         color: green;
  9. }
  10. a:visited{
  11.         color: black;
  12. }
  13. a:hover{
  14.         color: blue;
  15. }
  16. a:active{
  17.         color: orange;
  18. }
  19.         </style>

  20. </head>
  21. <body>
  22.         <a href="#">a标签的4个伪类</a>
  23. </body>
  24. </html>
  25. 3.28李程
复制代码

使用道具 举报

Rank: 3Rank: 3

发表于 2016-4-5 09:24:37 |显示全部楼层
<!doctype html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title>Document</title>
<style>
        a:link{
                color: red;
                text-decoration: none;
        }
        a:visited{
                color: gray;
                text-decoration: overline;
        }
        a:hover{
                color: yellow;
        }
        a:active{
                color: blue;
        }
</style>
</head>
<body>
        <a href="#">我是一个链接</a>
</body>
</html>

使用道具 举报

Rank: 1

发表于 2018-4-3 23:11:41 |显示全部楼层
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
     a:link{color:red;}
         a:visted{color:blue;}
         a:hover{color:#000;}
         a:active{color:#CCC;}
</style>
</head>

<body>
    <a href="#">空标签</a>
    <a href="#">空标签</a>
    <a href="#">空标签</a>
    <a href="#">空标签</a>
</body>
</html>

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

Archiver|自学it网 ( 京ICP备12009156号 )  

GMT+8, 2018-4-25 00:35 , Processed in 0.031823 second(s), 5 queries , Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部