border-radius只设置上方两个角
时间: 2023-08-31 18:12:12 浏览: 282
回答: 如果只想设置上方两个角的border-radius,可以使用border-top-left-radius和border-top-right-radius属性来实现。这样可以只对左上角和右上角进行圆角设置,而保持其他角的默认形状。例如,可以在CSS中使用以下代码来设置上方两个角的圆角效果:
.box {
border-top-left-radius: 1em;
border-top-right-radius: 1em;
}
这样,只有左上角和右上角的边框会被设置为圆角形状,而其他角的边框将保持默认形状。\[1\]\[2\]
#### 引用[.reference_title]
- *1* [【css】border-radius](https://blog.csdn.net/qzw752890913/article/details/107962409)[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^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [CSS 圆角属性 border-radius 用法](https://blog.csdn.net/CyberPlayer/article/details/123163476)[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^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文