如何⽤CSS画圆以及添加阴影
圆形的画法: 先画⼀个矩形,然后添加 border-radius属性,设置值为正⽅形的⼀半。
#content{
width: 200px;
height: 200px;
border-radius: 100px;
box-shadow:20px 20px 30px gray;
background-color: pink;
position: relative;
left: 100px;
top:100px;
}
添加阴影: 添加box-shadow属性,参数依次为⽔平阴影范围(正数为右边),垂直阴影范围(正数为下边),模糊程度(数值越⼩越模糊),阴影颜⾊。
#content{
width: 200px;
height: 200px;
border-radius: 100px;
box-shadow:20px 20px 30px gray;
background-color: pink;
position: relative;
left: 100px;
top:100px;
}
>box shadow怎么设置
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论