css 圆角效果

今天来说如何在css中使用圆角的效果，我依旧使用昨天的粉色方块，在粉色方块的css中枢日以下程序码

            border-radius:20%;

单位可以是px或是%，可依照想要的效果自行调整，这边呈现出来的效果如下图

数字越大圆角的程度越大，最多可以到100%

            border-radius:100%;

本来的方块就会变成圆形

border-radius还有其他两种定义方法，输入两个数字就是定义对角角度

            border-radius:10% 50%;

前者为左上、右下，後者为左下、右上

也可以输入四组数字来分开设定四个角

            border-radius:0% 10% 20% 50%;

分别为左上、右上、右下、左下