`

十五种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是由系统自动给出效果

分享到:
评论

相关推荐

    css3最新鼠标划过样式

    在CSS3中,鼠标划过样式(Hover效果)是一种常用的技术,用于改变用户将鼠标光标悬停在元素上时的视觉表现。这种效果能够增强用户界面的交互性和吸引力,常用于按钮、链接、菜单等元素。在"css3-hoverButton"这个...

    CSS-cursor鼠标样式一览表

    总之,CSS的`cursor`属性是增强网页交互性和用户体验的重要工具,通过合理使用预定义的鼠标样式和自定义图像,开发者能够更好地引导用户在网页上进行操作。在实际开发中,应根据页面功能和设计需求,巧妙地运用这些...

    24种CSS翻页样式 效果漂亮

    本文将根据提供的“24种CSS翻页样式 效果漂亮”这一主题,详细解析其中两种翻页样式的设计思路与实现方法:**CSS Digg样式翻页**和**CSS Yahoo样式翻页**。 #### 二、CSS Digg样式翻页 **Digg样式**是一种经典的...

    7种CSS3鼠标hover图片效果.zip

    在网页设计中,CSS3(层叠样式表第三版)为开发者提供了许多强大的新特性,其中之一就是能够创建丰富且互动的鼠标悬停(hover)效果。"7种CSS3鼠标hover图片效果.zip"是一个资源包,它包含了七种不同的CSS3技术实现...

    易语言CSS链接样式

    1. **CSS链接样式**:在网页中,链接通常有四种状态:正常(未访问)、已访问、鼠标悬停和活动(点击中)。在CSS中,我们可以使用`a:link`、`a:visited`、`a:hover`和`a:active`选择器分别设置这些状态的样式。例如...

    网页制作鼠标样式 各种样式

    首先,我们要明白鼠标样式是通过CSS(Cascading Style Sheets)语言来定义的。CSS允许开发者自定义鼠标的外观,包括形状、大小和动画效果。基础的鼠标样式设置通常用`cursor`属性完成,例如: ```css selector { ...

    5种纯CSS3鼠标hover按钮动画效果

    在这个特定的资源中,我们关注的是"5种纯CSS3鼠标hover按钮动画效果"。这些动画效果是通过纯CSS3实现的,无需JavaScript或者其他外部库的介入,如jQuery等,因此对网页加载速度和性能优化有着显著的优势。 首先,让...

    arcgis for js自定义鼠标样式.zip

    自定义鼠标样式涉及到CSS(Cascading Style Sheets)和JavaScript的结合。在“map.html”这个文件中,通常会包含HTML结构以及引用ArcGIS JavaScript API的脚本。你可以通过修改CSS类或者使用JavaScript API的特定...

    各种CSS按钮样式

    在网页设计中,CSS(Cascading Style Sheets)是一种用于定义HTML或XML(包括SVG、XHTML等)文档中元素外观、布局和结构的语言。"各种CSS按钮样式"的主题聚焦于利用CSS创建不同风格和功能的按钮,这些按钮是用户界面...

    20种炫酷CSS3按钮样式和鼠标滑过特效

    【标题】"20种炫酷CSS3按钮样式和鼠标滑过特效"揭示了这个资源包专注于使用CSS3技术来创建吸引人的、交互性高的网页按钮设计。CSS3是层叠样式表(Cascading Style Sheets)的第三个版本,它引入了许多新特性,极大地...

    10款很棒的菜单CSS样式

    这些CSS样式可能包括渐变过渡、旋转、缩放、滑动等多种动画效果,使得用户在鼠标指针经过菜单项时有明显的视觉反馈。 3. **彩色菜单**:色彩是传达品牌信息和创建视觉层次的有效工具。这10款CSS样式可能包含使用...

    5种超酷自定义鼠标样式特效

    这篇关于“5种超酷自定义鼠标样式特效”的内容,显然旨在介绍如何利用CSS和JavaScript技术来创新性地改变鼠标的视觉效果,使得网页交互更加吸引人。 首先,我们要了解CSS(Cascading Style Sheets)是一种样式表...

    DIV+CSS漂亮的样式

    在网页设计领域,`DIV+CSS`是一种广泛使用的布局技术,它通过定义不同的CSS(层叠样式表)类来控制HTML中的`&lt;div&gt;`元素,从而实现页面的精美设计和结构化布局。本资源包“漂亮样式CSS”包含了几个精心设计的`DIV+CSS...

    23种CSS导航条样式

    本文将深入探讨“23种CSS导航条样式”,并强调如何利用`DIV + CSS`来实现这些效果,以适用于网站的头部导航。 一、基础布局 首先,我们需要创建一个包含导航链接的HTML结构。一个简单的例子是使用`&lt;ul&gt;`和`&lt;li&gt;`...

    CSS按钮样式大全(精选)

    4. **悬停、激活和聚焦状态**:利用`:hover`、`:active`和`:focus`伪类,改变鼠标悬停、点击时和获取焦点时的样式,增强用户体验。 5. **过渡效果**:`transition`属性可为按钮添加平滑的动画效果,如颜色变化、...

    117个图片css3鼠标经过效果

    在网页设计中,CSS(Cascading Style Sheets)是一种用于定义HTML或XML(包括SVG、MathML等各种XML方言)文档呈现样式的语言。CSS3是其最新版本,它引入了许多新的特性和功能,使得设计师能够创建出更为丰富和交互性...

    50个css button样式

    5. **状态转换**:CSS3引入了`:hover`、`:active`和`:focus`伪类,用于改变鼠标悬停、按下和获取焦点时的按钮样式,增加交互反馈。 6. **过渡效果**:`transition`属性允许平滑地改变一个或多个CSS属性,为按钮添加...

    css 链接样式.

    在网页设计中,CSS(Cascading Style Sheets)起着至关重要的作用,它负责定义页面的布局和样式。其中,链接样式是CSS中一个基础但关键的方面,它关乎到用户体验和网站的导航清晰度。本篇文章将深入探讨CSS如何控制...

    33种CSS导航样式.

    "33种CSS导航样式"集合提供了一系列独特的设计示例,旨在帮助设计师们为他们的网站增添创意和功能性的导航菜单。这些样式展示了CSS的强大潜力,以及如何通过CSS实现各种视觉效果和交互体验。 首先,我们要理解CSS...

Global site tag (gtag.js) - Google Analytics