## 1. 使用`border-radius`屬性
使用`border-radius`屬性可以設置矩形的圓角半徑。要創建直角圓角矩形,需要將圓角半徑設置為矩形的大小的一半。例如,如果矩形的大小為100像素,則圓角半徑可以設置為50像素。
以下是一個示例代碼,演示了如何使用`border-radius`屬性來創建直角圓角矩形:
```html
在這個示例中,`border-radius`屬性被設置為50px,50px,0,0,這意味著矩形的圓角半徑為50像素,50像素,0像素,0像素。背景圖片`example.png`也被設置為矩形的大小。
```html
在這個示例中,`background-size: cover`屬性被設置為背景圖像的大小應該覆蓋整個矩形,`background-size: cover`也被設置為背景圖像的裁剪應該覆蓋整個矩形。
## 3. 結合兩個方法
```html
使用CSS圓角矩形方法可以輕松地創建直角圓角矩形,只需簡單的調整大小和位置,以及背景圖像的裁剪。