创建一个特定的边界半径CSS

创建一个特定的边界半径CSS,css,border,Css,Border,我试图通过边界半径生成粉红色部分。如果我使用border radius,它从容器div的确切角开始,但正如您所看到的,只有1厘米以上的平面或实心粉色,然后border radius开始 看起来这些只是圆边界半径:50%;。点击运行代码片段查看类似的内容 .大{ 宽度:200px; 高度:200px; 边界半径:50%; 背景:粉红色; 位置:相对位置; } .小{ 宽度:40px; 高度:40px; 边界半径:50%; 背景:紫色; 位置:绝对位置; 最高:50%; 左:50%; 盒影:rgb

我试图通过边界半径生成粉红色部分。如果我使用border radius,它从容器div的确切角开始,但正如您所看到的,只有1厘米以上的平面或实心粉色,然后border radius开始


看起来这些只是圆边界半径:50%;。点击运行代码片段查看类似的内容

.大{ 宽度:200px; 高度:200px; 边界半径:50%; 背景:粉红色; 位置:相对位置; } .小{ 宽度:40px; 高度:40px; 边界半径:50%; 背景:紫色; 位置:绝对位置; 最高:50%; 左:50%; 盒影:rgba0,0,0,0.2 3px 0 5px; }
-像那样?你尝试了什么,并取得了什么?这不完全是结果,但?你想要达到什么样的弧线?一个完美的圆圈?是否基于页面的其他部分?e、 g.幻灯片的高度或宽度是否会以任何方式影响圆弧?我们在SO不提供代码编写服务,因此请发布您拥有的代码,该代码应该看起来像图片,我们将能够提供正确的答案。这不是一个圆。这是圆弧的一部分,这是如何用边界半径实现的。如果您需要有关元素其余部分的帮助,我们需要看到更大的图片。@MoHo我建议您阅读以下内容:并尝试边界半径:0 45%45%0/0 100%100%0px;