1. IT柚子首页
  2. 前端技术

CSS 实用小技巧自适应布局和鼠标样式

CSS两列右侧自适应布局

CSS代码:

HTML代码:

效果演示地址:点击查看演示

CSS鼠标样式

cursor:hand 是手型

cursor:pointer 也是手型,这里推荐使用这种,因为这可以在多种浏览器下使用。 

cursor:crosshair 是十字型 

cursor:help 是问号 

下面写法都一样,这里就不一一写完了。 

cursor:text 是移动到文本上的那种效果 

cursor:wait 是等待的那种效果 

cursor:default 是默认效果 

cursor:e-resize 是向右的箭头 

cursor:ne-resize 是向右上的箭头 

cursor:n-resize 是向上的箭头 

cursor:nw-resize 是向左上的箭头 

cursor:w-resize 是向左的箭头 

cursor:sw-resize 是左下的箭头 

cursor:s-resize 是向下的箭头 

cursor:se-resize 是向右下的箭头 

cursor:auto 是由系统自动给出效果

发布者:柚子,转转请注明出处:https://ityouzi.com/archives/self-adaption-cursor.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注