CSS如何制作小方塊

在CSS中，我們可以使用多種方法創(chuàng)建小方塊，以下是兩種常見(jiàn)的方法：

1、使用CSS的width、height和border屬性

我們可以使用width和height屬性來(lái)設(shè)置方塊的大小，使用border屬性來(lái)設(shè)置方塊的邊框，以下代碼將創(chuàng)建一個(gè)邊長(zhǎng)為100像素、邊框?qū)挾葹?像素的小方塊：

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

2、使用CSS的box-shadow屬性

我們還可以使用box-shadow屬性來(lái)創(chuàng)建一個(gè)小方塊，通過(guò)調(diào)整box-shadow的大小和顏色，我們可以輕松地制作出不同大小和顏色的方塊，以下代碼將創(chuàng)建一個(gè)邊長(zhǎng)為100像素、顏色為黑色的方塊：

.square {
  width: 100px;
  height: 100px;
  box-shadow: 0 0 0 2px black;
}

無(wú)論哪種方法，我們都可以輕松地制作出小方塊，在實(shí)際應(yīng)用中，我們可以根據(jù)具體需求選擇適合的方法。