CSS框的樣式是頁面設計中不可或缺的一個重要部分。使用CSS框，能夠對頁面進行布局，達到視覺上的整齊、美觀的效果。下面我們來看一下如何利用CSS框的樣式進行頁面設計。

/* 定義框樣式 */
.box {
width: 200px;
height: 200px;
background-color: #f3f3f3;
border: 1px solid #ddd;
padding: 10px;
margin: 10px;
float: left;
}

在上面的代碼中，我們定義了一個名為“box”的框樣式，其寬度為200像素，高度為200像素，背景顏色為淡灰色，邊框為1像素的淡灰色實線邊框，內邊距為10像素，外邊距也為10像素，浮動方向為左側。

通過以上樣式定義，我們可以在頁面中多次重復使用這個框樣式，方便快捷地對頁面進行布局。

除了以上的基本屬性之外，還可以對框樣式進行更加精細的設計。比如可以設置圓角，實現如下：

/* 定義框樣式，并設置圓角 */
.box {
width: 200px;
height: 200px;
background-color: #f3f3f3;
border: 1px solid #ddd;
padding: 10px;
margin: 10px;
float: left;
border-radius: 5px;
}

通過以上樣式定義，我們設置了框四個角為5像素的圓角，使頁面更加美觀、舒適。

總之，利用CSS框的樣式進行頁面設計是非常容易的。只需要設置一些基本屬性，就能快速地實現頁面布局，同時也能通過精細的設計，讓頁面更加美觀、舒適。