用css写一个鼠标经过选中阴影

可以使用CSS的:hover伪类和box-shadow属性来实现鼠标经过选中阴影效果，代码如下：

<style>
    .box {
        width: 200px;
        height: 200px;
        background-color: #ccc;
        transition: box-shadow 0.3s ease-in-out;
    }
    .box:hover {
        box-shadow: 0 0 10px #000;
    }
</style>

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

当鼠标经过.box元素时，会出现一个黑色的阴影效果。使用transition属性可以让阴影效果更加平滑。

相关问题

用css写一个很好看的阴影

好的，我可以回答这个问题。要用CSS写一个好看的阴影，可以使用box-shadow属性。例如，可以这样写：

box-shadow: 2px 2px 5px rgba(, , , .3);

这个代码会在元素的右下角添加一个2像素的水平和垂直偏移量，阴影的模糊半径为5像素，颜色为半透明的黑色。你可以根据需要调整这些值来创建不同的阴影效果。

用css写一个简单的鼠标点击背景图切换

可以使用CSS的:active伪类和background-image属性来实现简单的鼠标点击背景图切换效果。

首先，在HTML中设置一个元素作为背景图容器，例如div：

<div class="bg-container"></div>

然后，在CSS中设置该容器的背景图：

.bg-container {
  width: 300px;
  height: 200px;
  background-image: url('image1.jpg');
  background-size: cover;
}

接着，使用:active伪类来设置鼠标点击时的背景图：

.bg-container:active {
  background-image: url('image2.jpg');
}

这样，当鼠标点击背景图容器时，背景图会切换成image2.jpg。

完整的代码示例：

<div class="bg-container"></div>

.bg-container {
  width: 300px;
  height: 200px;
  background-image: url('image1.jpg');
  background-size: cover;
}

.bg-container:active {
  background-image: url('image2.jpg');
}