HTML中設置圓角矩形邊框非常簡單，只需要使用CSS中的border-radius屬性就可以實現。 在CSS樣式中添加以下代碼： pre{ border: 1px solid #ccc; /*設置邊框寬度和顏色*/ padding: 10px; /*設置內邊距*/ border-radius: 10px; /*設置圓角半徑*/ } 上述代碼中border-radius屬性是重點，值得注意的是，圓角半徑越大，邊框的圓角度數也會相應變大。 此外，還可以設置不同邊框的圓角半徑，代碼如下： pre{ border: 1px solid #ccc; padding: 10px; border-top-left-radius: 20px; /*左上角*/ border-top-right-radius: 10px; /*右上角*/ border-bottom-right-radius: 5px; /*右下角*/ border-bottom-left-radius: 10px; /*左下角*/ } 通過設置不同邊框的圓角半徑，可以創造出各種不同風格的圓角矩形邊框效果。