CSS是網(wǎng)頁(yè)設(shè)計(jì)中的重要組成部分。通過(guò)CSS樣式表，可以對(duì)網(wǎng)頁(yè)中的各種元素進(jìn)行樣式設(shè)置，其中包括添加div盒子。下面我們就來(lái)看看CSS中如何添加div盒子。

<div class="wrapper">
<div class="box"></div>
</div>
<style>
.wrapper {
padding: 20px;
}
.box {
width: 200px;
height: 200px;
background-color: #eee;
border: 1px solid #333;
}
</style>

首先，在HTML文件中需要設(shè)置一個(gè)包含div盒子的容器。在本例中，我們使用了一個(gè)類名為“wrapper”的div作為包含容器。在這個(gè)容器中，我們添加了一個(gè)類名為“box”的div盒子元素。

接下來(lái)，在CSS樣式表中，我們?yōu)檫@兩個(gè)元素分別設(shè)置了樣式。在“wrapper”容器中，我們添加了20像素的內(nèi)邊距。在“box”盒子中，我們?cè)O(shè)置了200像素的寬度和高度。并且，我們還為這個(gè)盒子添加了背景顏色和邊框。

這個(gè)簡(jiǎn)單的例子演示了如何在CSS中添加div盒子。通過(guò)CSS的樣式設(shè)置，可以輕松地控制這些元素的顯示效果，從而實(shí)現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)的目的。在實(shí)際設(shè)計(jì)中，添加更多的樣式設(shè)置，可以使網(wǎng)頁(yè)更加美觀和吸引人。