在CSS中創(chuàng)建五個(gè)格子，可以通過使用CSS的樣式規(guī)則來實(shí)現(xiàn)，以下是一個(gè)簡單的示例，展示了如何創(chuàng)建五個(gè)格子：

1、HTML結(jié)構(gòu)：在HTML中創(chuàng)建一個(gè)包含五個(gè)格子的容器，可以使用div元素來創(chuàng)建這個(gè)容器。

<div id="grid-container">
    <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 class="grid-item">5</div>
</div>

2、CSS樣式：在CSS中定義樣式規(guī)則來創(chuàng)建五個(gè)格子，可以使用display: grid屬性來創(chuàng)建一個(gè)網(wǎng)格布局，并設(shè)置grid-template-columns來定義每列的寬度。

#grid-container {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    grid-template-rows: 100px; /* 可選，如果需要定義每行的高度 */
}
.grid-item {
    background-color: #f0f0f0; /* 可選，設(shè)置每個(gè)格子的背景顏色 */
    border: 1px solid #000; /* 可選，設(shè)置每個(gè)格子的邊框 */
    padding: 10px; /* 可選，設(shè)置每個(gè)格子的內(nèi)邊距 */
}

在這個(gè)示例中，#grid-container元素使用display: grid屬性創(chuàng)建了一個(gè)網(wǎng)格布局，并通過grid-template-columns屬性定義了每列的寬度，每個(gè)格子由div.grid-item元素表示，可以添加樣式來自定義每個(gè)格子的外觀。

你可以根據(jù)需要調(diào)整樣式規(guī)則，例如改變每列的寬度、每行的高度、背景顏色、邊框樣式等。