CSS3 - 如何在矩形上创建圆形边框半径?

问题描述:

我有一个div。它使用百分比响应地扩展。我希望边缘是圆形的。CSS3 - 如何在矩形上创建圆形边框半径?

我知道如何制作圆角。我想把它做成这样(不关心颜色)。
this rounded corner
我真的想尽量避免使用JavaScript,但如果它是唯一的方法,那就这样吧。

+3

如果你知道如何制作圆角你有什么问题?你的代码在哪里? – j08691

+0

使用'border-radius:100%' –

+0

@AbdulAhmad谢谢,但NTL已经回答了我的问题。可悲的是,这会让一个椭圆形。 – EasyasPi

将一个border-radius: 50px属性添加到CSS。

+0

呵呵。这很有效,令人惊讶。我认为它会形成一个椭圆形的角落,因为我的物体比50px小; – EasyasPi