css 半圆

作者：浪子无家发布日期:2025-04-27 浏览:62

/* 使用 CSS 创建一个半圆 */

.half-circle {
  width: 100px;
  height: 50px;
  background-color: #3498db;
  border-radius: 50px 50px 0 0; /* 上左、上右、下左、下右 */
}

/* 解释说明：
- width 和 height 定义了半圆的大小，宽度是高度的两倍以确保形成半圆。
- background-color 设置了半圆的颜色。
- border-radius 属性用于创建圆角。通过设置上左和上右为半径的一半（50px），下左和下右为 0，可以创建出半圆的效果。
*/

上一篇：css去除下划线

下一篇：gap css