边框半径圆角，仅限css

我可以只用css来实现这一点吗

还有一件事：没有固定高度。

试试这个

div{
宽度：200px；
高度：100px；
背景：浅蓝色；
边界半径：50px；
边框：2件纯黑
}

试试这个

div{
宽度：200px；
高度：100px；
背景：浅蓝色；
边界半径：50px；
边框：2件纯黑
}

---

它对我有效，下面是我的代码片段

div{
显示：块；
边界半径：50%；
宽度：200px；
高度：100px；
边框：2倍实心#000；
背景色：#009EE0；
}

---

它对我有效，下面是我的代码片段

div{
显示：块；
边界半径：50%；
宽度：200px；
高度：100px；
边框：2倍实心#000；
背景色：#009EE0；
}

---

一个选项是设置水平

边界半径的固定值，如下所示：


div{
显示：内联块；
边界半径：50px/50%；
填料：1米2米；
边框：2倍实心#000；
背景色：#009EE0；
文本对齐：居中；
}

事情进展顺利

这里

&这里

设置水平边界半径的固定值就可以了！
一个选项是设置水平
边界半径的固定值，如下所示：


div{
显示：内联块；
边界半径：50px/50%；
填料：1米2米；
边框：2倍实心#000；
背景色：#009EE0；
文本对齐：居中；
}

事情进展顺利

这里

&这里

设置水平边界半径的固定值就可以了！
有一个诀窍

只要我们有一个非常大的
边界半径值

e、 g.
{边界半径：10000px；}

这里是演示的链接（尝试更改宽度/高度以查看是否工作）：


.rect{
宽度：300px；
高度：200px；
背景：#000；
边界半径：10000px；
}
这有一个窍门

只要我们有一个非常大的
边界半径值

e、 g.
{边界半径：10000px；}

这里是演示的链接（尝试更改宽度/高度以查看是否工作）：


.rect{
宽度：300px；
高度：200px；
背景：#000；
边界半径：10000px；
}
我能在没有固定高度的矩形上实现这一点吗。@Timeless没有固定高度？？？@Timeless你有文本吗？@Timeless他发布的css在示例中没有错误，有固定高度，但你可以使用与
高度：自动一样好的东西。因为问题是关于圆角和所有那些将是
边界半径：50px。有关它的更多信息，请看一看。@maam27检查这个我用了
50px
但效果不好，所以我用了
50vw
我可以在没有固定高度的矩形上实现这个功能吗。@Timeless没有固定高度？？？@Timeless你有文本吗？@Timeless他发布的css在示例中没有错误，有固定高度高度，但您可以像使用
height:auto。因为问题是关于圆角和所有那些将是
边界半径：50px。有关它的更多信息，请看一看。@maam27检查此项，我使用了
50px
，但效果不好，所以我使用了
50vw
，如果不需要固定高度，您可以为元素设置
min height
。这就是我要做的：不要忘记供应商前缀。@lharby当这个盒子很大：-此外，现在，
边界半径
不需要使用供应商前缀。尽管此相关问题适用于具有流体高度而非流体高度的流体，但可能会有所帮助。问题中是否指定div内将有文本内容？如果不需要固定高度，可以为元素设置
最小高度
。这是我会怎么做：别忘了供应商的前缀。@lharby当盒子的内容很大时，它会失败：-此外，现在，
边框半径不需要使用供应商前缀。
。尽管这是一个流体而不是流体高度，但这个相关问题可能会有所帮助。问题中是否指定div中会有文本内容？您可能需要再次检查您的最终结果，OP需要一个圆角矩形，此代码生成一个椭圆形。您可能需要仔细检查您的最终结果，OP需要一个圆角矩形，此代码生成一个椭圆形。这将起作用，问题是您的小提琴使用百分比作为边界半径，而不是您在回答中显示的高px值。另外，请在问题本身中添加示例代码。@web tiki感谢您指出错误！我没有更新jsFiddle:D，现在可以了@谢谢你的编辑！这是可行的，问题是你的提琴使用了边界半径的百分比，而不是你在答案中显示的高px值。另外，请在问题本身中添加示例代码。@web tiki感谢您指出错误！我没有更新jsFiddle:D，现在可以了@谢谢你的编辑！