css 鼠标移动到框里有阴影

2024-11-28 23:37:32

推荐回答（4个）

回答1：

使用box-shadow属性：
案例：
div:hover{
box-shadow: 2px 4px 6px #000;
}

box-shadow: 2px 4px 6px #000;

2px : 表示水平阴影的位置
4px : 表示垂直阴影的位置
5px : 表示模糊距离
#000 ：表示阴影的颜色（#000 黑色）

回答2：

box-showed这是属性是设置文本阴影，你可以试下

回答3：

类名：hover{box-showed:0 0 20px（阴影的区域大小） #fff（颜色你可以自己设置）}
这样你就能鼠标悬停到该类名上出现你想要的阴影啦
希望可以帮助到你

回答4：

试试hover