border-radius属性及基本语法

border-radius属性用于设置元素的边框的圆角。它是一个简写属性，可以同时设置四个边角的圆角半径。基本语法如下:

border-radius: 水平圆角半径 垂直圆角半径;

其中，水平圆角半径表示左上角和右下角的圆角半径，垂直圆角半径表示右上角和左下角的圆角半径。可以使用具体的长度值（如px、em等）或百分比值来设置圆角半径。如果只设置一个值，则水平圆角半径和垂直圆角半径相同。如果设置两个值，则第一个值表示水平圆角半径，第二个值表示垂直圆角半径。如果设置四个值，则分别表示左上角、右上角、右下角和左下角的圆角半径。

例如，如果要为一个元素设置相同的圆角半径为10px，可以使用以下语法:

border-radius: 10px;

如果要为一个元素设置水平圆角半径为10px，垂直圆角半径为20px，可以使用以下语法:

border-radius: 10px 20px;

如果要为一个元素设置四个不同的圆角半径，可以使用以下语法:

border-radius: 10px 20px 30px 40px;

希望以上信息对您有所帮助。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [CSS3圆角详解](https://blog.csdn.net/weixin_42659625/article/details/81085841)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [CSS边框属性一---border-radius](https://blog.csdn.net/weixin_39645019/article/details/118375945)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]