如何在底边 - 半径范围内创建底部曲线

Question

我想使用css制作一个舍入的div，我已经使用了bottom-border-radius，但我不想要，如果还有其他方法可以实现，请分享。

我知道这可以通过使用bottom-border-radius来实现，但还有其他方法吗？

Answer 1

您将使用简写border-radius属性，并且还必须单独提供此类值

.sample1 {
	width: 100px;
	height: 100px;
	margin-bottom: 5px;
	border-radius: 0 0 50% 50%;
	background-color: #cccccc;
}
.sample2 {
	width: 100px;
	height: 100px;
	margin-bottom: 5px;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
	background-color: #444444;
}

<div class="sample1">
</div>

<div class="sample2">
</div>