border-radio 可以控制一个元素的四个角如何切圆 接收四个值 分别设置 左上 右上 右下 左下
代码:
.box{
width: 150px;
height: 150px;
background-color: rgb(0, 0, 0);
border-radius:10px 20px 30px 40px;
}
效果:
通过控制四个角的切角弧度可以创造出一个扇形
代码:
.box{
width: 150px;
height: 150px;
background-color: rgb(0, 0, 0);
border-radius:150px 0px 0px 0px;
}
效果:
border边框也是在且圆范围之内的 所以设置一个border 然后在将背景颜色设置成透明即可的到一个圆弧
代码:
.box{
width: 150px;
height: 150px;
border: 10px solid;
border-right:none ;
border-bottom: none;
background-color: rgba(0, 0, 0, 0);
border-radius:160px 0px 0px 0px;
}
效果:
设置成圆环
代码:
.box{
width: 150px;
height: 150px;
border: 10px solid;
background-color: rgba(0, 0, 0, 0);
border-radius:50%;
}
效果:
1. 本站所有素材(未指定商用),仅限学习交流请勿用于商业用途。
2. 原创商用和VIP素材,未经合法授权,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
3. 如果素材损害你的权益请联系客服vx:13230981129给予处理。