HTML的圆角边框是通过CSS样式来实现的，可以使用`border-radius`属性来设置元素的边框为圆角。

`border-radius`属性可以接受一个或多个数值参数，用于设置圆角的大小。每个数值表示对应角的半径，可以是像素值、百分比值或者`inherit`。如果只有一个数值，则表示四个角的半径都相等；如果有两个数值，则分别表示左上角和右下角的半径，其余两个角的半径与之相等；如果有四个数值，则分别表示左上角、右上角、右下角和左下角的半径。

例如，要将一个元素的边框设置为圆角，可以使用以下的CSS样式：

```css

.rounded-border {

border-radius: 10px;

}

```

上述代码将会把元素的边框设置为10像素的圆角。可以根据需要调整半径的数值，使得圆角的大小符合要求。

另外，`border-radius`属性还可以与`border`属性一起使用，来设置不同的边框样式。以下是一个例子：

```css

.rounded-border {

border: 1px solid black;

border-radius: 10px;

}

```

上述代码将会给元素设置一个1像素宽的黑色实线边框，并将边框的四个角都设置为10像素的圆角。

除了使用数值参数来设置圆角的大小外，`border-radius`属性还可以接受`inherit`关键字作为参数，表示继承父元素的圆角属性。

在实际使用中，我们可以将圆角边框应用于各种HTML元素，例如按钮、图片、容器等。通过设置合适的CSS样式，可以使得网页更加美观和吸引人。同时，可以通过调整圆角的大小，来改变元素的外观效果，使得元素的边框看起来更加柔和和友好。

总结起来，HTML的圆角边框通过CSS的`border-radius`属性来实现。我们可以通过设置数值参数来调整圆角的大小，也可以使用`inherit`关键字来继承父元素的圆角属性。通过合理运用圆角边框，我们可以使得网页更加美观和吸引人。