<!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 | 帮助指针 |