首页 > html > faq > 8.div鼠标悬浮指针变手型

8.div鼠标悬浮指针变手型

通过设置div的css样式"cursor:pointer"可以将鼠标悬浮时指针变为手型.这样可以直接告诉用户这个区域是可以点击的,对用户体验更友好.

1 html鼠标经过div变为手型指针

通过css设置"cursor:pointer"可以达到鼠标经过div悬浮时,变为手型指针.示例代码:

<!DOCTYPE html>
<html lang="UTF-8">
<head>
    <title>div鼠标变手</title>
</head>
<body>
<div style="cursor: pointer">
    大屎蛋教程网<br>
    http://dashidan.com<br>
    div鼠标变手
</div>
</body>
</html>
转载请保留原文链接.