在網頁設計中，CSS是一個非常重要的組成部分。其中一個非常有用的功能就是分框（div）。

CSS分框可以將網頁內容分為不同的部分，使得網頁看起來更加有條理。這也可以讓我們更好的組織和管理頁面的結構和布局。

下面是一個簡單的CSS分框的例子：

<style>
.wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-gap: 20px;
}
.box {
background-color: #e2e2e2;
padding: 10px;
}
</style>
<div class="wrapper">
<div class="box">框1</div>
<div class="box">框2</div>
<div class="box">框3</div>
<div class="box">框4</div>
<div class="box">框5</div>
<div class="box">框6</div>
</div>

在上面的例子中，我們使用了CSS的網格布局（grid）。.wrapper類用于創建一個網格。我們將其分為3列、2行，并在它們之間留有20像素的間距。

我們還使用了.box類來定義每個框。這里我們設置了一個背景顏色和內邊距。

在HTML中，我們只需要在.wrapper類中添加我們的6個框（6個.box類）。這些框將被自動排列為一個網格。

使用CSS框架有很多好處。它可以讓我們更輕松地創建干凈的設計，并且更好地管理頁面布局。

總之，CSS分框是Web設計中非常實用的工具。使用它可以幫助我們更輕松地創建整潔的設計，以及更好地組織和管理我們的頁面布局。