html矩形圆角怎么写？在 HTML 中，可以使用 CSS 的 `border-radius` 属性来给矩形元素添加圆角。
`border-radius` 属性用于设置边框的圆角大小。它可以接受一个或多个值，每个值表示一个圆角的半径。如果只指定一个值，则四个角都将具有相同的圆角半径；如果指定两个值，则第一个值表示左上角和右下角的圆角半径，第二个值表示右上角和左下角的圆角半径；如果指定四个值，则分别表示左上角、右上角、右下角和左下角的圆角半径。
例如，要将一个矩形元素的四个角都设置为相同的圆角，可以这样写：
```html
<div style="width: 200px; height: 100px; border-radius:
10px;"></div>
```
上述代码中的 `border-radius: 10px` 表示给矩形元素的四个角都设置一个半径为 10px 的圆角。
如果要设置不同的圆角半径，可以使用多个值，例如：
```html
<div style="width: 200px; height: 100px; border-radius: 20px
10px 30px 15px;"></div>
```
上述代码中的 `border-radius: 20px 10px 30px 15px` 表示给矩形元素的左上角、右上角、右下角和左下角分别设置不同的圆角半径。
需要注意的是，`border-radius` 属性可以用于任何具有边框的元素，如 `<div>`、`<button>`、`<input>` 等。
