CSS3+怎么做背景框？這篇文章就給大家簡單介紹一下。

.box {
border: 2px solid #ccc;
background: #f9f9f9;
border-radius: 5px;
box-shadow: 0 0 5px #ccc;
padding: 10px;
}

上述代碼是一個簡單的背景框樣式，其中各個屬性的含義如下：

• border：設置邊框，包括寬度、樣式和顏色。
• background：設置背景顏色。
• border-radius：設置圓角半徑。
• box-shadow：設置陰影效果，包括陰影偏移、模糊半徑和顏色。
• padding：設置內部邊距。

通過以上屬性的設置，我們就可以輕松地創建出一個漂亮的背景框。

<div class="box"><p>Hello World!</p></div>

最后，我們通過一個簡單的HTML代碼塊來展示上述樣式的運用效果。