用CSS怎么寫框？以下介紹幾種常見的寫法。

/* 1. 使用border屬性 */
div {
border: 1px solid #333;
}
/* 2. 使用box-shadow屬性 */
div {
box-shadow: 1px 1px 5px #333;
}
/* 3. 使用outline屬性 */
div {
outline: 1px solid #333;
}
/* 4. 使用padding和background-color屬性 */
div {
padding: 10px;
background-color: #333;
}
/* 5. 使用margin和background-color屬性 */
div {
margin: 10px;
background-color: #333;
}

以上代碼中，我們使用了不同的CSS屬性來實現框的效果。

1. border屬性

使用border屬性，可以設置框的寬度、樣式和顏色。例如border: 1px solid #333;即可創建寬度為1px、實線樣式、顏色為#333的框。

2. box-shadow屬性

使用box-shadow屬性，可以創建虛線或實線效果的框。例如box-shadow: 1px 1px 5px #333;即可創建寬度為5px、實線樣式、顏色為#333的框。

3. outline屬性

使用outline屬性，可以設置框的樣式、寬度和顏色。例如outline: 1px solid #333;即可創建寬度為1px、實線樣式、顏色為#333的框。

4. padding和background-color屬性

使用padding和background-color屬性，可以為元素創建填充和背景色的效果，從而形成框的效果。

5. margin和background-color屬性

使用margin和background-color屬性，可以為元素設置外邊距和背景色的效果，形成框的效果。

通過以上五種方式，我們可以輕松地在HTML中創建各種風格的框。你可以根據實際需求，選擇不同的方法實現框的效果。