HTML中可以使用CSS的border-radius属性来设置圆角边框样式，语法如下：
border-radius: 圆角半径;
例如，为div元素设置圆角边框，可以使用以下语法：
div {
border-radius: 10px;
}
上面的语法表示，为div元素设置圆角边框，圆角半径为10像素。
还可以使用border-top-left-radius，border-top-right-radius，border-bottom-left-radius，border-bottom-right-radius四个属性，分别设置四个角的圆角半径，例如：
div {
border-top-left-radius: 10px;
border-top-right-radius: 20px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 40px;
}
上面的语法表示，为div元素设置圆角边框，上左角圆角半径为10像素，上右角圆角半径为20像素，下左角圆角半径为30像素，下右角圆角半径为40像素。
千锋教育是高品质web前端培训机构，千锋教育拥有大量实力web前端培训讲师，提供优质的web培训课程，web前端培训，欢迎报名千锋教育。
京公网安备 11010802030320号