链接状态 and 鼠标样式

原创 2018年04月15日 14:57:36

链接状态:

a              //所有超链接

a:link         //链接未被访问

a:hover        //鼠标指针移动到链接上

a:visited      //已被访问的链接

a:active       //正在被点击的链接

 

鼠标光标样式 

链接手指  cursor:pointer 

十字体    cursor:crosshair 

箭头朝上下  cursor:s-resize  

十字箭头  cursor:move 

箭头朝右  cursor:move  

加一问号  cursor:help  

箭头朝左右  cursor:w-resize  

箭头朝上下  cursor:n-resize  

箭头朝右上  cursor:ne-resize  

箭头朝左上  cursor:nw-resize  

文字I型  cursor:text  

箭头斜右下  cursor:se-resize 

箭头斜左下  cursor:sw-resize  

漏斗(等待)  cursor:wait 

微信公众平台架构设计及微信开发样式库

-
  • 1970年01月01日 08:00

html超链接鼠标显示样式

aaa default 默认光标(通常是一个箭头) auto 默认。浏览器设置的光标。 crosshair 光标呈现为十字线。 pointer 光标呈现为指示链接的指针(一只手) mov...
  • jjmaiz
  • jjmaiz
  • 2011-08-31 10:17:25
  • 5641

CSS鼠标滑过、按下链接的样式

伪类和伪对象:CSS规定伪类和伪对象以冒号开始;如同时使用四个样式位置不能出错,否则浏览器无法识别。链接默认样式,链接已访问过样式,鼠标滑过链接样式和按下链接样式如下: a{ /*相同的样式都放在...
  • u012950186
  • u012950186
  • 2014-07-16 10:08:13
  • 3814

CSS超链接样式常见四种状态控制

一、首选设置一下以下4种状态常: 1、a:active是超级链接的初始状态 2、a:hover是把鼠标放上去时的状况 3、a:link 是鼠标点击时 4、a:visited是访问过后的情况。 ...
  • shipeng22022
  • shipeng22022
  • 2013-02-15 23:15:51
  • 8823

dreamweaver随记------dreamweaver中设置超链接不同状态时的样式

在设计模式下: 将鼠标放到空白处------》页面设置-----》超链接样式:就可设置超链接的样式了;   a:link {  color: #F93; text-decoration: ...
  • bzuld
  • bzuld
  • 2011-10-27 08:58:46
  • 1498

鼠标移动实现样式改变

无标题文档 ul{ margin-top:50px; list-style-type:none; } li{ width:100px; line-height:40px; height:4...
  • ios0213
  • ios0213
  • 2016-07-24 20:57:21
  • 375

jsp 常用的鼠标样式

j's'p    3.     hand:是大家所熟悉的手型。 #Tree { cursor:pointer;  //手型 }    4.     crosshair:是十字型,就是小乌龟首页...
  • u012668297
  • u012668297
  • 2014-05-05 17:39:07
  • 597

HTML中常用鼠标样式

语法: cursor : auto  auto :   默认值。浏览器根据当前情况自动确定鼠标光标类型。 all-scroll : ...
  • GuXAiXia
  • GuXAiXia
  • 2017-05-25 16:08:12
  • 395

C#获取系统当前鼠标的图案

C#获取系统当前鼠标的图案代码如下:  using System.Runtime.InteropServices; [StructLayout(LayoutKind.Sequential)]st...
  • testcs_dn
  • testcs_dn
  • 2012-10-19 10:35:34
  • 2531

鼠标hover 加样式,并且当前active样式消失

less语法 ul{                 background:  @color-footer-bg;                 &:hover{               ...
  • XINGXUEXX
  • XINGXUEXX
  • 2015-12-31 11:20:04
  • 593
收藏助手
不良信息举报
您举报文章:链接状态 and 鼠标样式
举报原因:
原因补充:

(最多只允许输入30个字)