CSS中正方形的寫(xiě)法

在CSS中，我們可以通過(guò)設(shè)置元素的寬度和高度來(lái)創(chuàng)建一個(gè)正方形，以下是一個(gè)簡(jiǎn)單的例子：

.square {
  width: 20px;
  height: 20px;
  background-color: #000;
}

在這個(gè)例子中，我們定義了一個(gè)名為.square的類(lèi)，這個(gè)類(lèi)將應(yīng)用于所有具有square類(lèi)的HTML元素。width和height屬性都設(shè)置為20px，這意味著正方形的邊長(zhǎng)為20像素。background-color屬性設(shè)置為#000，這表示正方形的背景顏色為黑色。

你可以根據(jù)需要調(diào)整這些值，如果你想要一個(gè)邊長(zhǎng)為50像素的紅色正方形，你可以這樣寫(xiě)：

.square {
  width: 50px;
  height: 50px;
  background-color: #ff0000;
}

為了使這些樣式生效，你需要確保你的HTML元素有square這個(gè)類(lèi)。

<div class="square"></div>

這樣，瀏覽器就會(huì)根據(jù)CSS樣式來(lái)渲染這個(gè)元素，呈現(xiàn)出一個(gè)紅色的正方形。