CSS可以用來寫各種不同類型的圖形和效果，其中之一就是方框。在CSS中，我們可以通過設置元素的邊框屬性來創建方框，具體來說，可以使用border-style、border-width和border-color屬性來分別設置邊框的風格、寬度和顏色。

/* 使用border-style屬性來設置邊框的風格 */
box {
border-style: solid; /* 實線邊框 */
border-style: dashed; /* 虛線邊框 */
border-style: dotted; /* 點線邊框 */
border-style: double; /* 雙線邊框 */
}
/* 使用border-width屬性來設置邊框的寬度 */
box {
border-width: 1px; /* 單像素寬度的邊框 */
border-width: 2px 1px; /* 上下為2像素，左右為1像素的邊框 */
border-width: 2px 1px 3px 0; /* 順序為上、右、下、左的邊框，分別為2、1、3、0像素 */
}
/* 使用border-color屬性來設置邊框的顏色 */
box {
border-color: black; /* 黑色邊框 */
border-color: red green blue; /* 分別為紅色、綠色、藍色的邊框 */
border-color: #f00 #0f0 #00f #000; /* 順序為上、右、下、左的邊框顏色，分別為紅、綠、藍、黑 */
}

當然，如果要同時設置多個邊框屬性，也可以使用border屬性來簡化代碼：

/* 使用border屬性來同時設置邊框風格、寬度、顏色 */
box {
border: 2px dotted red; /* 寬度為2像素的紅色虛線邊框 */
}

需要注意的是，使用邊框屬性創建的方框的邊角是圓形的。如果想要將邊角改為直角，可以使用border-radius屬性來設置圓角半徑：

/* 使用border-radius屬性來設置圓角半徑 */
box {
border-radius: 10px; /* 所有四個角的圓角半徑均為10像素 */
border-radius: 10px 5px; /* 上下為10像素，左右為5像素的圓角 */
border-radius: 10px 5px 20px 0; /* 順序為上、右、下、左的圓角半徑，分別為10、5、20、0像素 */
}

這樣，我們就可以用CSS創建出漂亮的方框效果了。