正确地围绕元素的角落
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 剪辑的角落