如何用CSS繪制正方形？

CSS是一種用于描述網(wǎng)頁樣式的語言，可以用來繪制各種圖形，包括正方形，下面是一些繪制正方形的示例代碼：

1、使用CSS的width和height屬性來設(shè)置正方形的尺寸，要繪制一個(gè)邊長為100像素的正方形，可以使用以下代碼：

.square {
  width: 100px;
  height: 100px;
}

2、使用CSS的border屬性來繪制正方形的邊框，要繪制一個(gè)邊長為200像素、邊框?qū)挾葹?像素的正方形，可以使用以下代碼：

.square {
  width: 200px;
  height: 200px;
  border: 2px solid black;
}

3、使用CSS的background-color屬性來設(shè)置正方形的背景顏色，要繪制一個(gè)邊長為300像素、背景顏色為紅色的正方形，可以使用以下代碼：

.square {
  width: 300px;
  height: 300px;
  background-color: red;
}

代碼只是示例，你可以根據(jù)自己的需求進(jìn)行調(diào)整，需要注意的是，在使用CSS繪制圖形時(shí)，要確保你的HTML元素具有相應(yīng)的類名或ID，以便應(yīng)用CSS樣式。