css 圆形

作者：邪天血战发布日期:2026-05-27 浏览:15

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

.circle {
  width: 100px; /* 设置宽度 */
  height: 100px; /* 设置高度 */
  background-color: red; /* 设置背景颜色 */
  border-radius: 50%; /* 将元素变成圆形 */
}

解释说明：

width 和 height 设置了元素的宽度和高度。为了让元素成为圆形，宽度和高度需要相等。
background-color 设置了圆形的背景颜色。
border-radius: 50% 是将元素的四个角都变成圆角的关键属性，当设置为 50% 时，元素会变成一个完美的圆形。

上一篇：css 禁止选中

下一篇：css文字间隔