HTML5+CSS3_18_鼠标悬停时的样式

泠泠七弦上111

已于 2024-08-19 09:02:57 修改

阅读量202

点赞数 2

分类专栏： HTML5+CSS3 文章标签： html5 css3 前端

于 2024-08-12 12:23:28 首次发布

本文链接：https://blog.csdn.net/2301_81057751/article/details/141128322

版权

HTML5+CSS3 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

效果图

代码

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>鼠标悬停时的样式</title>
  <style>
    .box {
      width: 100px;
      height: 100px;
      background-color: skyblue;

      /* cursor 指定鼠标指针在元素上显示的样式
      常见的 cursor 值包括：
      default：默认的鼠标指针（通常是箭头）。
      pointer：手形指针，通常用于表示链接或可点击元素。
      crosshair：十字准线。
      move：移动指针。
      text：文本输入指针。
      wait：等待指针（通常是沙漏或时钟）。 */
      cursor: move;
    }
  </style>
</head>

<body>
  <div class="box"></div>
</body>

</html>