?
欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:22选5河南最新开奖今 > DIV+CSS基础 >

CSS基础必学列表

css cursor鼠标指针光标样式default pointer hand url

22选5河南最新开奖今 www.gsf5k.cn Css cursor鼠标指针鼠标光标样式教程篇

我们在22选5河南最新开奖今布局时候,我们会遇到对对象内鼠标指针光标进行控制,比如鼠标经过指针变为手指形状等样式,接下来我们介绍鼠标指针样式cursor控制。系统默认鼠标指针样式外,可以通过22选5河南最新开奖今设置图片为鼠标指针,常见有些网站鼠标指针是各种各样小图片样式,当然这个是通过css cursor设置鼠标样式。

扩展阅读css指针

一、cursor语法与结构   -   TOP

1、cursor语法:
cursor : auto | crosshair | default | hand | move | help | wait | text | w-resize |s-resize | n-resize |e-resize | ne-resize |sw-resize | se-resize | nw-resize |pointer | url (url)

常用cursor光标说明

1)、22选5河南最新开奖今{ cursor:default }默认正常鼠标指针
2)、div{ cursor:hand }和div{ cursor:text } 文本选择效果
3)、div{ cursor:move } 移动选择效果
4)、div{ cursor:pointer } 手指形状 链接选择效果
5)、div{ cursor:url(url图片地址) }设置对象为图片

2、cursor样式效果图

cursor鼠标光标指针样式图
css cursor鼠标光标指针样式图

3、鼠标指针说明
cursor设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。

4、布局结构
p { cursor: text; } /* css注释: 设置鼠标移动到html p对象时鼠标变为文本选择样式 */
a { cursor: pointer; } /* css注释: 设置鼠标移动到a超链接对象时鼠标变为手指形状(链接选择) */
body { cursor: url("小图片地址")} /* 设置鼠标指针默认为一个小图片 */

扩展阅读css a、css a link、a hover、css超链接样式

二、鼠标指针样式总结   -   TOP

鼠标指针样式控制设置是比较常用的,比如日常我们在22选5河南最新开奖今布局时候,我们希望鼠标指向某个局部span标签对象时候,鼠标指针光标就变为手指状态,这个时候我们就对对象span设置cursor: pointer即可。以上我们图例展示常用的鼠标光标形状与css单词,希望布局时候更加自身需要选择设置鼠标指针样式。需要注意是,光标切记勿滥用,也不要轻易设置自定义图片为鼠标样式这样会将网页造成复杂与不符合用户体验感觉,切记光标慎用。

如需转载,请注明文章出处和来源网址://www.gsf5k.cn/rumen/r427.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
22选5河南最新开奖今文章修订日期:2013-03-07 11:47 原创:22选5河南最新开奖今
本文22选5河南最新开奖今 www.gsf5k.cn DIVCSS5版权所有。

  • 毛泽东说帝国主义都是纸老虎。是有社会基础的 2019-05-27
  • 权健高薪求购恒大国脚飞翼遭拒 巅峰期曾是主力 2019-05-27
  • 外交部发言人陆慷就美方公布对华贸易措施答记者问 2019-05-26
  • 1230余万元省级福彩公益金助力宿迁24个公益项目 2019-05-26
  • 城区加大扬尘污染治理力度 所有施工现场必须安装视频监控 2019-05-26
  • 持之以恒打好“节点战” 2019-05-25
  • 把“就业率首超本科” 当作高职新起点 2019-05-25
  • 都昌一代课教师无证上岗体罚学生? 县教体局称将辞退 2019-05-25
  • 《英雄联盟》2018职业联赛春季赛决赛28日首发阵容公布 2019-05-24
  • 新科欧洲状元 五盾军团能否延续法兰西之夏荣耀 2019-05-24
  • 习近平为传统文化“代言” 2019-05-24
  • 成龙晒罕见旧照怀念父亲 三代同堂温馨和乐 2019-05-23
  • 网络医疗广告套路太多迷人眼 消费者讲述被坑经历 2019-05-23
  • 邮储银行山西省分行零售信贷结余突破200亿元 2019-05-23
  • 兰州文创城中线桥项目有序推进 全长约4.2km直通安宁区 2019-05-22
  • 332| 46| 637| 632| 927| 584| 977| 804| 15| 822|