100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > css阴影怎么添加 css如何为div添加阴影效果

css阴影怎么添加 css如何为div添加阴影效果

时间:2020-08-17 18:24:03

相关推荐

css阴影怎么添加 css如何为div添加阴影效果

本文为大家分享了css为div添加阴影的方法,希望可以帮助到大家。

(相关推荐:CSS教程)

代码实现:

.mydiv{

width:250px;

height:auto;

border:#909090 1px solid;

background:#fff;

color:#333;

filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);

-moz-box-shadow: 2px 2px 10px #909090;

-webkit-box-shadow: 2px 2px 10px #909090;

box-shadow:2px 2px 10px #909090;

}

for IE:

direction 阴影角度 0°为从下往上 顺时针方向

strength 阴影段长度

-moz-box-shadow: 2px 2px 10px #909090;

-webkit-box-shadow: 2px 2px 10px #909090;

box-shadow:2px 2px 10px #909090;

第一个参数是x轴阴影段长度

第二个参数是y轴阴影段长度

第三个参数是往四周阴影段长度

第四个参数是阴影段颜色

div代码:

123123213123

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。