CSS中凹進(jìn)去的圓怎么做

在CSS中，我們可以通過使用border-radius屬性來創(chuàng)建一個(gè)凹進(jìn)去的圓，這個(gè)屬性可以接收一個(gè)數(shù)值，表示圓的半徑大小，我們還需要設(shè)置元素的寬度和高度，以確保圓能夠正確地顯示出來。

下面是一個(gè)示例代碼，展示如何創(chuàng)建一個(gè)凹進(jìn)去的圓：

.circle {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  background-color: #333;
  border: 2px solid #fff;
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)名為.circle的類，并設(shè)置了寬度、高度、border-radius和背景顏色，border-radius為50px，表示圓的半徑為50像素，我們還設(shè)置了一個(gè)2像素寬的邊框，以突出顯示圓。

使用上述代碼，我們可以將.circle類應(yīng)用到任何HTML元素上，以創(chuàng)建一個(gè)凹進(jìn)去的圓。

<div class="circle"></div>

這將創(chuàng)建一個(gè)寬度和高度均為100像素、半徑為50像素的凹進(jìn)去圓，你可以根據(jù)需要調(diào)整數(shù)值，以改變圓的大小和位置。