如何用CSS制作一個(gè)球

在CSS中，我們可以使用多種方法制作一個(gè)球，下面是一種簡單的方法，使用border-radius屬性將元素變?yōu)閳A形，并使用box-shadow屬性添加陰影，使其更像球。

1、創(chuàng)建一個(gè)新的HTML文件，并添加以下CSS代碼：

.ball {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  background-color: #f00;
}

2、在HTML文件中添加以下HTML代碼：

<div class="ball"></div>

3、保存HTML文件，并在瀏覽器中打開它，你應(yīng)該會(huì)看到一個(gè)紅色的球。

這個(gè)球由兩個(gè)主要部分組成：一個(gè)紅色的圓形和一個(gè)陰影，我們使用border-radius屬性將div元素變?yōu)閳A形，然后使用box-shadow屬性添加陰影，我們設(shè)置背景顏色為紅色，完成球的制作。