CSS怎么弄小方塊

在CSS中，我們可以使用多種方法來(lái)創(chuàng)建小方塊，以下是一種簡(jiǎn)單的方法：

1、使用HTML元素創(chuàng)建一個(gè)容器，例如一個(gè)div元素。

2、在CSS中，為該容器設(shè)置寬度和高度，以及背景顏色。

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

這將創(chuàng)建一個(gè)寬度和高度都為20像素的黑色方塊，您可以根據(jù)需要調(diào)整這些值。

3、您還可以為方塊添加邊框和圓角，以下代碼將給方塊添加白色邊框和圓角：

div {
  width: 20px;
  height: 20px;
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 5px;
}

4、您還可以為方塊添加一些動(dòng)畫(huà)效果，例如使其懸停時(shí)放大或變色，以下是一個(gè)簡(jiǎn)單的例子：

div {
  width: 20px;
  height: 20px;
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 5px;
  transition: all 0.3s ease;
}
div:hover {
  transform: scale(1.2);
  background-color: #f00;
}

在這個(gè)例子中，當(dāng)鼠標(biāo)懸停在方塊上時(shí)，方塊會(huì)放大到1.2倍，并且背景顏色會(huì)變成紅色，這些效果可以通過(guò)調(diào)整transition和transform屬性來(lái)定制。