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