css3-盒模型阴影

box-shadow:[inset] x y blur [spread] color

参数

inset:投影方式

»inset:内投影

»不给:外投影

xy:阴影偏移

blur:模糊半径

spread:扩展阴影半径

»先扩展原有形状,再开始画阴影

color

==================================

box-reflect 倒影

direction  方向     above|below|left|right;

距离

渐变(可选)

resize 自由缩放

Both 水平垂直都可以缩放

Horizontal 只有水平方向可以缩放

Vertical 只有垂直方向可以缩放

注意:一定要配合overflow:auto 一块使用只有水平方向可以缩放

====================================================

lbox-sizing 盒模型解析模式

Content-box  标准盒模型 width/height=border+padding+content

Border-box 怪异盒模型 width/height=content(这个模式下设置的width就是它可视的宽度,content内容的宽度等于设置的width-border-padding)

 

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值