CSS中，我們可以使用border-radius屬性將正方形變成圓，具體步驟如下：

1、創(chuàng)建一個(gè)正方形：我們需要一個(gè)正方形，可以使用HTML的div元素來(lái)創(chuàng)建一個(gè)正方形。

<div style="width: 200px; height: 200px; background-color: #000;"></div>

2、添加border-radius屬性：我們可以給這個(gè)正方形添加border-radius屬性，將其變成圓。

<div style="width: 200px; height: 200px; background-color: #000; border-radius: 50%;"></div>

在這個(gè)例子中，border-radius屬性的值設(shè)置為50%，這意味著圓的半徑是正方形邊長(zhǎng)的一半，你可以根據(jù)需要調(diào)整這個(gè)值。

3、添加邊框和顏色：為了讓圓更加突出，我們可以給它添加一些邊框和顏色。

<div style="width: 200px; height: 200px; background-color: #000; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 10px #333;"></div>

在這個(gè)例子中，我們給圓添加了一個(gè)2像素寬的白色邊框和一個(gè)深色的陰影，使其更加突出和立體。

通過(guò)以上步驟，我們可以使用CSS將正方形變成圓，并添加一些樣式和效果，使其更加美觀(guān)和實(shí)用。