Html CSS3-如何在矩形上创建圆形边界半径？

我有一个div。它根据百分比进行相应的缩放。我希望边缘是圆形的

我知道怎么做圆角。我想把它做成这样（不在乎颜色）。

---

如果可能的话，我真的很想避免使用JavaScript，但如果这是唯一的方法，那就这样吧

在css中添加一个

边框半径：50px

属性。

如果您知道如何制作圆角，您会遇到什么问题？你的密码在哪里？使用

边界半径：100%

@AbdulAhmad谢谢，但NTL已经回答了我的问题。遗憾的是，这会变成一个椭圆形。@j08691我的意思是，我可以制作一个圆角矩形，我不知道如何制作一个边完全是圆角的圆角矩形，而不会扭曲角。这很好，但是你应该始终发布一个你正在使用的代码示例。嗯。令人惊讶的是，这起作用了。我想它会形成一个椭圆形的角，因为我的物体比50像素小；