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

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

(1)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
柚子柚子
上一篇 2019年3月30日 下午9:16
下一篇 2019年3月30日 下午9:38

相关推荐

发表回复

您的电子邮箱地址不会被公开。