博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
div边框阴影的实现【转载】
阅读量:4629 次
发布时间:2019-06-09

本文共 868 字,大约阅读时间需要 2 分钟。

box-shadow:阴影水平偏移值(可取正负值); 阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色;

Firefox支持Box Shadow(阴影):-moz-box-shadow:2px 2px 5px #333333;

webkit内核的Safari和Chrome支持Box Shadow(阴影):-webkit-box-shadow:2px 2px 5px #333333;

Opera支持Box Shadow(阴影):box-shadow:2px 2px 5px #333333;

IE不支持Box Shadow(阴影);

同一个元素可以使用多个阴影,box-shadow:2px 2px 5px #333333,box-shadow:-2px -8px 5px #333333;;

js中可以使用:obj.style.webkitBoxShadow=值(字符串);obj.style.MozBoxShadow=值(字符串);obj.style.boxShadow=值(字符串);

.shadow{
    border:1px solid red;
    -moz-box-shadow: 3px 3px 4px #333232;
    -webkit-box-shadow: 3px 3px 4px #333232;
    box-shadow: 3px 3px 4px #333232;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333232)";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333232');

转载于:https://www.cnblogs.com/lolix/p/5025730.html

你可能感兴趣的文章
[转]深入理解Java的接口和抽象类
查看>>
json 模块
查看>>
c语言中的#ifdef和#ifndef
查看>>
1 java 笔记
查看>>
uc/os 学习笔记(二)任务就绪表 ready list
查看>>
【C++】关键字inline
查看>>
字符串hash与字典树
查看>>
常用控件【一】
查看>>
dotnet sdk 的镜像tag 相关
查看>>
Asp.net MVC中关于@Html标签Label、Editor使用
查看>>
java 静态代理总结
查看>>
Server.MapPath() 用法
查看>>
VC调用MATLAB
查看>>
[转载]线上应用故障排查之一:高memory占用
查看>>
vs中的主题配置
查看>>
DDD开发框架ABP之本地化/多语言支持
查看>>
win server 2008配置ftp无法登陆问题的解决办法
查看>>
Graphics优化策略-官篇3
查看>>
(转)javascript深入理解js闭包
查看>>
JS关闭当前父级div
查看>>