CSS方格的制作與打印

在CSS中，我們可以通過設置元素的樣式來創(chuàng)建一個方格，以下是一個簡單的示例，展示如何創(chuàng)建一個2x2的方格：

<div class="grid">
  <div class="grid-item">1</div>
  <div class="grid-item">2</div>
  <div class="grid-item">3</div>
  <div class="grid-item">4</div>
</div>

在這個示例中，我們創(chuàng)建了一個包含四個子元素的div元素，每個子元素都是一個grid-item，我們給它賦予了一個數(shù)字作為內(nèi)容，我們通過CSS來樣式化這個結構，使其成為一個方格：

.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 10px;
}
.grid-item {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: #fff;
  background-color: #000;
}

在這個CSS樣式中，我們使用了grid布局來創(chuàng)建一個2x2的方格。grid-template-columns和grid-template-rows屬性分別定義了每個子元素的大小。gap屬性則定義了每個子元素之間的間隔，在.grid-item樣式中，我們設置了子元素的內(nèi)容居中顯示，并定義了字體大小和背景顏色。

當你將這個HTML結構和CSS樣式結合起來時，你將得到一個2x2的方格，每個格子中顯示一個數(shù)字，你可以根據(jù)需要調(diào)整這個樣式和結構來創(chuàng)建更大或更小的方格。