• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营

    • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    HTML基础知识——设置超链接的样式简单实例

    ***设置超链接的样式示例 

    a:link 超链接被点前状态

    a:visited 超链接点击后状态

    a:hover 悬停在超链接时

    a:active 点击超链接时

    在定义这些状态时，有一个顺序l v h a

    代码区：

    XML/HTML Code复制内容到剪贴板
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    2. <html xmlns="http://www.w3.org/1999/xhtml">  
    3. <head>  
    4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    5. <title>无标题文档</title>  
    6. <style type="text/css">  
    7. a:link   
    8. {   
    9.     color:#000;   
    10.     text-decoration:none;}   
    11. a:visited   
    12. {   
    13.     color:#000;   
    14.     text-decoration:none;}   
    15. a:hover   
    16. {   
    17.     color:#F00;   
    18.     text-decoration:underline;}   
    19. a:active   
    20. {   
    21.     color:#F90;   
    22.     text-decoration:underline;}   
    23. </style>  
    24. <link href="Untitled-1.css" rel="stylesheet" type="text/css" />  
    25. </head>  
    26.   
    27. <body>  
    28. <a href="http://www.baidu.com/">百度一下</a>  
    29. </body>  
    30. </html>  

    运行显示：鼠标箭头未放到“百度一下”，其显示黑色——放上时，其显示红色——点击“百度一下”链接时，其显示橙色——点击后，其显示黑色

    以上这篇HTML基础知识——设置超链接的样式简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

    原文地址：http://www.cnblogs.com/H2921306656/archive/2016/07/10/5658752.html

    上一篇：HTML基础必看——全面了解css样式表
    下一篇：HTML基础知识——css样式表,样式属性,格式与布局详解
  • 相关文章
    • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    HTML基础知识——设置超链接的样式简单实例 HTML,基础知识,设置,超,链接,