CSS方框內容，是指在頁面中使用CSS定義一個矩形或正方形框，然后在框內填充內容或更改其樣式。通過CSS方框內容，可以輕松地對頁面進行布局和設計。

/* 定義一個長方形框 */
.rectangle {
width: 300px;
height: 200px;
border: 1px solid black;
padding: 10px;
}
/* 定義一個正方形框 */
.square {
width: 200px;
height: 200px;
border: 2px solid red;
margin: 20px;
}

在上述代碼中，我們使用了兩種不同的選擇器來定義方框的樣式。通過設置寬度，高度，邊框和填充，我們可以定義出一個長方形的方框，例如“rectangle”類。而對于正方形的方框，則可以使用寬度和高度相同的定義，例如“square”類。

除了基礎的方框樣式，我們還可以在框內填充內容或者更改其樣式。下面的代碼演示如何在方框中添加文本內容。

/* 在方框中添加文本內容 */
.rectangle {
width: 300px;
height: 200px;
border: 1px solid black;
padding: 10px;
}
/* 在方框中添加文本內容 */
.square {
width: 200px;
height: 200px;
border: 2px solid red;
margin: 20px;
text-align: center;
line-height: 200px;
}

通過設置text-align和line-height屬性，我們可以讓文本內容在方框內水平居中和垂直居中。除了文本內容，我們在方框內還可以添加樣式元素，例如圖片、水平線、按鈕等等。通過在樣式元素中使用類選擇器，我們可以輕松地定義出不同樣式的方框內容。

CSS方框內容提供了一個簡單而有效的方式來進行頁面布局和設計。通過合理地使用樣式和類選擇器，可以輕松地定義出不同類型和風格的方框內容，讓頁面呈現出更優美的視覺效果。