css 圆

作者：慢靈魂发布日期:2026-03-15 浏览:95

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

/* 定义一个 div 元素为圆形 */
.circle {
  width: 100px; /* 设置宽度 */
  height: 100px; /* 设置高度 */
  background-color: #ff6347; /* 设置背景颜色 */
  border-radius: 50%; /* 将元素变为圆形，关键属性 */
}

解释说明：

width 和 height：定义了元素的宽度和高度。为了确保元素是正方形（这样才能变成圆形），宽度和高度应该相等。
background-color：设置了元素的背景颜色，你可以根据需要更改颜色值。
border-radius: 50%：这是将元素变为圆形的关键属性。通过将 border-radius 设置为 50%，可以使元素的四个角都变成弧形，从而形成一个完美的圆形。

上一篇：css颜色选择器

下一篇：css span换行