不同的边框半径可以通过CSS中的border-radius属性来实现。可以使用以下代码示例来演示不同的边框半径:
在上述代码中,我们创建了一个容器div,并将其内部分为四个子元素。每个子元素都具有相同的宽度和高度,但具有不同的边框半径。
.box1具有50%的边框半径,因此它将呈现为一个圆形。
.box2具有10px的边框半径,因此它将呈现为一个具有圆角的矩形。
.box3具有20px和50px的边框半径,因此它将呈现为一个具有不同圆角的矩形。
.box4具有10px,30px,50px和70px的边框半径,因此它将呈现为一个具有不同圆角的矩形。
您可以根据需要自定义边框半径值来创建不同的效果。