3.盒子模型_细说圆角

BUG之神 69

三 盒子模型_细说圆角

代码:

3.盒子模型_细说圆角 

给盒子加20像素的圆角

3.盒子模型_细说圆角 

需求:将一个正方形的盒子变成一个圆形

方案:200除以2,将圆角设置为100像素即可

3.盒子模型_细说圆角 

最好用百分数,因为当正方形盒子宽高改变时又需要改变圆角的像素

 

将圆角度设置为50%即可变为圆形

3.盒子模型_细说圆角 

对某个角进行设置

修改左上角的圆角度数,老外的说法与我们不一样,我们说左上,他们说的是上左

3.盒子模型_细说圆角 

设置另外三个角

注意:老外与我们思维不一样,属性中是把上下topbottom写在左右之前

3.盒子模型_细说圆角 

分享