最近在學習CSS，發現用純CSS寫兩個框框是一個很好的練手項目。下面就是我在這個項目上的實踐。

首先，我們需要定義一個容器，用于包裹整個框框。這個容器需要設置合適的高度和寬度，以及邊框樣式和顏色。同時，我們還需要設置容器的內邊距，讓里面的內容不會緊貼著邊框。

.container {
height: 300px;
width: 500px;
border: 1px solid #ccc;
padding: 20px;
}

接下來，我們需要定義兩個框框。我們可以使用CSS的flex布局，將容器分成兩個等分的區域，分別放置我們的兩個框框。每個框框需要設置寬度、高度、邊框樣式和顏色，以及內邊距。

.container {
display: flex;
justify-content: space-between;
}
.box {
width: 45%;
height: 200px;
border: 1px solid #ccc;
padding: 20px;
}

至此，我們已經完成了兩個框框的設計。完整的代碼如下：

.container {
height: 300px;
width: 500px;
border: 1px solid #ccc;
padding: 20px;
display: flex;
justify-content: space-between;
}
.box {
width: 45%;
height: 200px;
border: 1px solid #ccc;
padding: 20px;
}

使用這段代碼，我們就可以輕松地實現一個包含兩個框框的布局。