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,第一个是左边框 ,第二个是右边框,第三个是下边框

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值