是否可以为特定角应用`border-radius`？

Posted 2023-02-24

【中文标题】是否可以为特定角应用`border-radius`？

【英文标题】：Is it possible to apply `border-radius` for a specific corner ?

【发布时间】：2016-10-29 03:26:04

【问题描述】：

我知道可以将边界半径通常应用于一个区域。但现在我正在研究一个包含不同角半径值的设计。是否可以为特定角落申请border-radius？

【参考方案1】：

选择您要圆角的角并选择以下四行之一。

border-radius: 10px 0 0 0;
border-radius: 0 10px 0 0;
border-radius: 0 0 10px 0;
border-radius: 0 0 0 10px;

【参考方案2】：

来自 W3Schools

在<div> 元素的右上角添加圆角边框：

div 
    border: 2px solid;
    border-top-right-radius: 2em;

另外，对于一些额外的信息，我建议您查看以下内容： CSS3 Borders