Css 仅在顶部应用椭圆边框效果

是否可能仅对顶部具有椭圆效果

从这个站点，我想复制用“/”完成的效果

border-radius: 30px/10px;

除了我不能使效果仅适用于右上角和左上角。是否可以使用边界半径

。边界半径{
宽度：100px；
高度：100px；
背景色：番茄；
边界半径：30px/10px；
}

---

当然可以，为什么不呢<代码>边界半径可为每个角点定义； 更多信息-

*，
*：之前，
*：之后{
框大小：继承；
}
html{
框大小：边框框；
}
html，
身体{
身高：100%；
保证金：0；
填充：0；
}
身体{
显示器：flex；
对齐项目：居中；
证明内容：中心；
背景色：#F72F4E；
溢出：隐藏；
}
.盒子{
宽度：50vmin；
高度：50vmin；
位置：相对位置；
背景：rgba（0,0,0,2）；
边框左上半径：0；
边框右上半径：30px 10px；
边框右下半径：30px 10px；
边框左下半径：30px 10px；
}

如何仅对右上角和底部应用效果

根据，速记语法为：

[ <length> | <percentage> ]{1,4} [ / [ <length> | <percentage> ]{1,4} ]?

。边界半径{
宽度：100px；
高度：100px；
背景色：番茄；
边界半径：0 30px 30px 30px/0 10px 10px 10px；
}

---

您可以使用

边框右上半径

和

边框右下半径

：

width: 100px;
height: 100px;
background: red;
border-top-right-radius: 20px 50px;
border-bottom-right-radius: 20px 50px;

---

jshiddle:

您必须执行

边框左上角半径：30px 10px；边框右上半径：30px 10px你的标题是“仅顶部”，但你的问题是“仅顶部右侧和底部”。是哪一个？对不起，我赶时间。修正了。啊，我不知道它可以这样提取。谢谢
width: 100px;
height: 100px;
background: red;
border-top-right-radius: 20px 50px;
border-bottom-right-radius: 20px 50px;