zoukankan      html  css  js  c++  java
  • 超链接颜色和鼠标形式

    超链接颜色

    <!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 type="text/css">
    a:link
    {color:#966;
    text-decoration:none;/* 未访问的链接*/
    }
    a:visited
    {color:#F3C;
    text-decoration:none;/*已访问的链接*/
    }
    a:hover
    {color:#090;
    text-decoration:none;/*鼠标悬停时*/
    }
    a:active
    {color:#F00;
    text-decoration:none;/*鼠标点击后*/}</style>
    </head>
    
    <body>
    <a href="https://www.baidu.com">百度</a>
    </body>
    </html>
    

    HTML中常用鼠标样式

      1. css鼠标手型cursor中hand与pointer  
      2. Example:CSS鼠标手型效果 <href="#" style="cursor:hand">CSS鼠标手型效果</a><br/>  
      3. Example:CSS鼠标手型效果 <href="#" style="cursor:pointer">CSS鼠标手型效果</a><br/>  
      4. 注:pointer也是小手鼠标,建议大家用pointer,因为它可以兼容多种浏览器。<br/>  
      5. Example:CSS鼠标由系统自动给出效果 <href="#" style="cursor:auto">CSS鼠标由系统自动给出效果</a><br/>  
      6. Example:CSS鼠标十字型 效果 <href="#" style="cursor:crosshair">CSS鼠标十字型 效果</a><br/>  
      7. Example:CSS鼠标I字型效果 <href="#" style="cursor:text">CSS鼠标I字形效果</a><br/>  
      8. Example:CSS鼠标等待效果 <href="#" style="cursor:wait">CSS鼠标等待效果</a><br/>  
      9. Example:CSS鼠标默认效果 <href="#" style="cursor:default">CSS鼠标默认效果</a><br/>  
      10. Example:CSS鼠标向右的箭头效果 <href="#" style="cursor:e-resize">CSS鼠标向右的箭头效果</a><br/>  
      11. Example:CSS鼠标向右上箭头效果 <href="#" style="cursor:ne-resize">CSS鼠标向右上箭头效果</a><br/>  
      12. Example:CSS鼠标向上箭头效果 <href="#" style="cursor:n-resize">CSS鼠标向上箭头效果</a><br/>  
      13. Example:CSS鼠标向左上箭头效果 <href="#" style="cursor:nw-resize">CSS鼠标向左上箭头效果</a><br/>  
      14. Example:CSS鼠标向左箭头效果 <href="#" style="cursor:w-resize">CSS鼠标向左箭头效果</a><br/>  
      15. Example:CSS鼠标向左下箭头效果 <href="#" style="cursor:sw-resize">CSS鼠标向左下箭头效果</a><br/>  
      16. Example:CSS鼠标向下箭头效果 <href="#" style="cursor:s-resize">CSS鼠标向下箭头效果</a><br/>  
      17. Example:CSS鼠标向右下箭头效果 <href="#" style="cursor:se-resize">CSS鼠标向下箭头效果</a><br/> 
  • 相关阅读:
    asp.net 实现一级域名与二级域名共享COOKIE
    用jQuery解决弹出层的问题
    让PPC手机增加自动对时功能
    漂亮的弹出层效果jQuery
    用C# 实现C/S模式下软件自动在线升级
    C#应用中设计自己的配置文件
    开心网外挂程序
    C#实现IIS的启动、停止、重启
    类似MSN弹出通知消息功能的控件[转]
    C#修改app.config配置文件信息
  • 原文地址:https://www.cnblogs.com/zoubizhici/p/5487599.html
Copyright © 2011-2022 走看看