CSS+DIV鼠标放到文字上,原本带箭头的鼠标变成手状的形状,该如何设置代码?

html-css08

CSS+DIV鼠标放到文字上,原本带箭头的鼠标变成手状的形状,该如何设置代码?,第1张

在CSS中有一个cursor方法可以改变鼠标指针状态图标,我们可以利用这个方法来达到移动指针到h1标签上的时候鼠标指针变成小手的状态效果。如下代码:

以上例子中cursor的值pointer表示小手状态,cursor的属性的值有以下类型,不同值可以实现不同的指针效果。

css使鼠标移到div上显示手型主要通过cursor:pointer属性实现,具体操作如下:

1、在html中添加一个div,指定div的宽,高,背景。

2、运行html文件,将鼠标放到div上默认显示的是箭头形状。

3、给div添加css属性cursor:pointer。

4,运行html以后将鼠标放到div上会显示手型。