[分享]css3怎么画半圆

CSS3是一种前端开发中非常流行的语言，它可以根据预设样式来定义网页元素样式，其中包括了画半圆的方法。

.border-radius{
    width: 100px;
    height: 50px;
    border-radius: 100px 100px 0 0;
    background-color: #f00;
} 

在CSS3中，我们可以使用“border-radius”这一属性来控制元素的圆角。以画半圆为例，我们需要设置第一个参数（border-radius: 100px 100px 0 0），它指定了当元素四个角的半径，其中第一和第二个值（100px）分别表示左上角和右上角的圆角半径，第三和第四个值（0）表示左下角和右下角的圆角半径。如果你的圆角半径大于元素本身的尺寸，那么它的边界将会被截成一个圆形。

在本例中，我们设置了矩形宽为100px，高为50px，圆角半径为100px。我们只设置了左上角和右上角的圆角，所以左下角和右下角保持原状。最后，我们将元素背景色设置为#f00，代表了红色。

这就是使用CSS3通过“border-radius”来画半圆的方法，很简单吧！