用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 的 :hover 伪类选择器来实现边框选中阴影效果，如下所示：

div:hover {
  box-shadow: 0 0 10px #ccc;
  border: 1px solid #ccc;
}

这里我们使用 box-shadow 属性来添加阴影效果，使用 border 属性来添加边框效果。当鼠标悬停在 div 元素上时，会触发 :hover 伪类选择器，从而添加阴影和边框效果。

css实现 当鼠标移到input的时候，input框出现阴影，当移动到button的时候，input框的阴影消失，button框出现阴影...

可以使用CSS中的:hover伪类和box-shadow属性来实现该效果。具体实现如下：

<input type="text" class="input" />
<button class="button">按钮</button>

.input:hover {
  box-shadow: 0 0 5px #ccc; /* 鼠标移到input时出现阴影 */
}

.button:hover + .input {
  box-shadow: none; /* 鼠标移到button时input的阴影消失 */
}

.button:hover {
  box-shadow: 0 0 5px #ccc; /* 鼠标移到button时出现阴影 */
}

这里使用了相邻兄弟选择器（+）来选中按钮后面的输入框，从而实现当鼠标移到按钮时，输入框的阴影消失，按钮的阴影出现。