CSS可以為頁面元素設置不同的樣式，其中輸出框樣式是網頁中常見的樣式之一。

通過CSS，我們可以控制輸出框的寬度、高度、邊框、背景等樣式屬性。例如，下面的CSS代碼為一個輸出框設置寬度為300像素、高度為200像素、邊框為1像素實線、背景顏色為白色：

output {
width: 300px;
height: 200px;
border: 1px solid black;
background-color: white;
}

在以上代碼中，output是CSS選擇器，用于選擇網頁中的輸出框元素。width、height、border、background-color等是CSS屬性，用于設置輸出框的寬度、高度、邊框和背景顏色。

除了直接為輸出框設置樣式，CSS還可以使用類別和偽類別來控制輸出框的樣式。例如，下面的CSS代碼為所有類別為output的輸出框設置邊框顏色為藍色：

.output {
border-color: blue;
}

在以上代碼中，.output是CSS類別選擇器，用于選擇網頁中所有類別為output的輸出框元素。border-color是CSS屬性，用于設置邊框顏色。

此外，CSS還可以使用偽類別來控制輸出框的樣式，例如:hover偽類別可以在輸出框被鼠標懸停時改變背景顏色。下面的CSS代碼為所有類別為output的輸出框設置鼠標懸停時的背景顏色為灰色：

.output:hover {
background-color: gray;
}

在以上代碼中，:hover是CSS偽類別，用于選擇輸出框被鼠標懸停時的狀態。background-color是CSS屬性，用于設置背景顏色。

可以看到，CSS是控制輸出框樣式的重要工具，它能夠讓我們為網頁元素設置豐富、個性化的樣式，使網頁變得更加美觀、易讀和易用。