首页 前端知识 在HTML中要使鼠标划过文字时文字变成小手(手形光标)

在HTML中要使鼠标划过文字时文字变成小手(手形光标)

2024-11-04 09:11:12 前端知识 前端哥 911 918 我要收藏

在HTML中,要使鼠标划过文字时文字变成小手(手形光标),可以使用CSS的cursor属性。以下是实现这个效果的示例代码:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>鼠标划过变小手</title>
<style>
.hand-cursor {
  cursor: pointer; /* 将鼠标光标设置为手形 */
}
</style>
</head>
<body>
 
<p class="hand-cursor">鼠标划过我会变成小手</p>
 
</body>
</html>

在上述代码中,.hand-cursor 类被应用到了

元素上,当鼠标划过这段文字时,光标会变成小手形状。这是一种常见的用户界面设计,可以增强用户体验。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/19875.html
标签
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!