網頁設計中，方框是一個非常重要的元素，它在頁面布局中經常被使用。而要讓方框的樣式更加美觀、多樣化，就需要使用CSS樣式來進行設置。

.box {
width: 200px;      /* 設置寬度 */
height: 200px;     /* 設置高度 */
background-color: #fff;     /* 設置背景顏色 */
border: 1px solid #ddd;     /* 設置邊框 */
border-radius: 5px;     /* 設置圓角 */
box-shadow: 0 0 5px #666;     /* 設置陰影 */
}

上面是一個基本的方框樣式設置，其中使用了width和height屬性來設置方框的寬度和高度，background-color屬性用來設置方框的背景顏色，border屬性設置了方框的邊框，border-radius屬性設置了邊框圓角，box-shadow屬性用來設置方框陰影。

除此之外，還有一些其他的屬性可以用來進一步完善方框的樣式。比如：

.box {
width: 200px;
height: 200px;
background-color: #fff;
border: none;
border-radius: 50%;
box-shadow: 0 0 5px #666;
transform: rotate(-45deg);
}

這個方框樣式通過使用border:none屬性去掉邊框，border-radius設置為50%可以將正方形變成圓形，transform:rotate(-45deg)可以使方框旋轉45度。

總之，使用CSS樣式可以讓方框的樣式更加多樣化，但需要注意的是在頁面布局中要保持統一的風格。