正确地围绕元素的角落

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了正确地围绕元素的角落相关的知识,希望对你有一定的参考价值。

当我使用border-radius来绕过div的角落时,它的角落行为不当,看起来很奇怪。结果看起来像this

我怎样才能正确地绕过角落?

答案

这个问题很简单,我传递的值是%而不是px。

div {
height: 50px;
width: 100px;
margin-bottom: 20px;
}

.pixels {
border-radius: 15%;
background: firebrick;
}

.percentages {
border-radius: 15px;
background: seagreen;
}
<div class="pixels"></div>
<div class="percentages"></div>

以上是关于正确地围绕元素的角落的主要内容,如果未能解决你的问题,请参考以下文章

IOS:在其内容中围绕 uicollectionViewCell 剪辑的角落

片段着色器中的球面映射

正确地将片段插入和删除到 viewpager

jQuery 在 Windows Phone 8 手机间隙应用程序中不能很好地渲染角落

在THREE.js中围绕自己的中心旋转每个网格项目

响应式布局总结