div四周都加阴影如何改下面的代码
filter:progid:DXImageTransform.Microsoft.Shadow(color=#074A99,strength=4);/*ie*/
-moz-box-shadow: 6px 6px 20px #074A99;/*firefox*/
-webkit-box-shadow: 6px 6px 20px #074A99;/*safari或chrome*/
box-shadow:6px 6px 10px #074A99;/*opera或ie9*/
最新回答
浅夏轻唱
2026-10-27 11:42:54
把这两个值都设置为 0 就是四边都有阴影
border:#074A99 0px solid;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#074A99,strength=4);/*ie*/
-moz-box-shadow: 0 0 20px #074A99;/*firefox*/
-webkit-box-shadow: 0 0 20px #074A99;/*safari或chrome*/
box-shadow: 0 0 10px #074A99;/*opera或ie9*/
风轻花落早
2026-01-04 15:09:20
box-shadow:0px 10px 5px #000;
介绍
0px 阴影向右偏移量，为0
10px 阴影向下偏移量，为10px
5px 阴影的过渡距离，为5px
#000阴影颜色，为黑色
给你一个DEMO
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#div1{width:100px; height:100px; background:green; box-shadow:0 10px 5px #000}
</style>
<body>
<div id="div1"></div>
热门标签
