<!DOCTYPE html>
<
html
>
<
head
>
<
title
>单选按钮对齐</
title
>
<
style
type
=
"text/css"
>
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
>
<
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 |
帮助指针 |
