box-shadow

box-shadow:水平偏移量 垂直偏移量 模糊半径 扩展半径 颜色 inset内部阴影;
X轴:正值往右,负值往左(必须)
Y轴:正值往下,负值往上(必须)
模糊半径:圆心牧户半径,值越大,越模糊;
扩展半径:从阴影的中心点开始扩展;
颜色:阴影部分的颜色(必须);
inset:内部阴影,盒子以外的都是内部阴影;
默认就是外部阴影:躲在盒子后面,盒子多大它多大.

<div></div>
div{
    width:200px;
    height:200px;
    margin:50px;
    border:2px solid yellow;
    border-radius:50%;
    /*background:yellow;*/
    box-shadow:10px 0  red inset,0 10px yellow inset,-10px 0  blue inset,0 -10px pink inset;
    }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值