十五种CSS鼠标样式
大家好,又见面了,我是你们的朋友全栈君。
CSS鼠标样式语法如下: 任意标签中插入 style=”cursor:*” 例 子:<span style=”cursor:*”>文本或其它页面元素</span> <a href=”#” style=”cursor:*”>文本或其它页面元素</a> 注意把 * 换成如下15个效果的一种:
下面是对这15种效果的解释。移动鼠标到解释上面,看看你的鼠标起了什么变化吧! hand是手型 例子:CSS鼠标手型效果 <a href=”#” style=”cursor:hand”>CSS鼠标手型效果</a>
pointer也是手型,这里推荐使用这种,因为这可以在多种浏览器下使用。 例子:CSS鼠标手型效果 <a href=”#” style=”cursor:pointer”>CSS鼠标手型效果</a>
crosshair是十字型 例子:CSS鼠标十字型 效果 <a href=”#” style=”cursor:crosshair”>CSS鼠标十字型 效果</a>
help是问号 例子:CSS鼠标问号效果 <a href=”#” style=”cursor:help”>CSS鼠标问号效果</a>
下面写法都一样,这里就不一一写完了。 text是移动到文本上的那种效果 wait是等待的那种效果 default是默认效果 e-resize是向右的箭头 ne-resize是向右上的箭头 n-resize是向上的箭头 nw-resize是向左上的箭头 w-resize是向左的箭头 sw-resize是左下的箭头 s-resize是向下的箭头 se-resize是向右下的箭头 auto是由系统自动给出效果
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/138190.html原文链接:https://javaforall.cn
相关文章
- CSS Sprites 样式生成工具
- CSS自定义鼠标指针样式「建议收藏」
- CSS属性选择器_伪类选择器的属性使用
- 【说站】css选择器是什么意思
- 【说站】css文字间距的使用
- 【说站】css样式单位px,em,pt,ex,pc,in,mm,cm详解
- html中相对定位怎么写,css相对定位
- 【CSS】CSS 文本样式 ② ( font 字体设置 | CSS 2.0手册使用 | font-weight 字体粗细设置 | font-style 字体斜体设置 | font 字体样式综合写法 )
- 【CSS】鼠标移动到元素上方显示 / 移出盒子范围隐藏案例 ( 子绝父相 | 显示隐藏元素对象 | 鼠标经过样式设置 | 半透明遮罩设置 )
- css通用全局样式~a链接、列表项、浮动各种样式
- CSS 定位样式
- CSS 链接样式
- CSS 列表样式
- css下划线颜色一句话代码
- CSS教程之css选择器、属性、值
- 简单的加密css地址防止别人下载你的CSS文件的方法
- jQuery学习笔记操作jQuery对象CSS处理
- jquery配合css简单实现返回顶部效果