侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

CSS表单3 光标样式 (每个位置鼠标放上去的样式不同)

2022-12-31 星期六 / 0 评论 / 0 点赞 / 88 阅读 / 7070 字

<!DOCTYPE html> < html > < head > < title >单选按钮对齐</ title >

. .. . . <!DOCTYPE html> . . < html > . .      < head > . .          < title >单选按钮对齐</ title > . .          < style type = "text/css" > . .              a{display:block} . .              a.aut{cursor:auto} . .              a.crosshair{cursor:crosshair} . .              a.default{cursor:default} . .              a.pointer{cursor:pointer} . .              a.move{cursor:move} . .              a.text{cursor:text} . .              a.wait{cursor:wait} . .              a.help{cursor:help} . .          </ style >      . .      </ head > . .      < body > . .      < h1 >软件开发,成就梦想</ h1 > . .      < h2 >学编程,上利永贞网 https://www.liyongzhen.com/</ h2 . .      < a class = "auto" >auto</ a > . .      < a class = "crosshair" >crosshair</ a > . .      < a class = "default" >default</ a > . .      < a class = "pointer" >pointer</ a > . .      < a class = "move" >move</ a > . .      < a class = "text" >text</ a > . .      < a class = "wait" >wait</ a > . .      < a class = "help" >help</ a > . .      </ body > . . </ html > . .   . .

cursor 属性有不同的值,这些值让光标显示不同的形状。

常见的形状有:

属性值 说明
default 默认光标,通常是一个箭头
auto 浏览器自动识别的光标
crosshair 十字线
pointer 手型指针
move 移动指针
text 文本指针
wait 指示程序正忙
col-resize 双向移动
help 帮助指针
. . .. .. .

广告 广告

评论区