css3设置box-shadow

css3设置box-shadow


对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径 阴影扩展半径 阴影颜色}


基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}


阴影类型:此参数可选。如不设值,默认投影方式是外阴影outset;如取其唯一值“inset”,其投影为内阴影;


如果设为outset,当x-offset为正数,表示水平向右偏;负数,表示水平往右偏

                            当y-offset 为正数,表示向下偏;负数,表示向上偏

如果设为inset,则方向和outset正好相反


如下面所示:

box-shadow: -2px 0px 1px #CCCCCC,2px 0px 1px #CCCCCC,0px 2px 1px #CCCCCC 

上面设置为:outset,第一个是左边框 ,第二个是右边框,第三个是下边框

相关文章

Css常用的排序方式权重分配 排序方式: 1、按类型 ...
原文:https://www.cnblogs.com/wenruo/p/9732704.html 先上...
css属性:word-wrap:break-word; 与 word-break:break-all 的...
https://destiny001.gitee.io/color/
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML...
css之background的cover和contain的缩放背景图 对于这两个属...