CSS（層疊樣式表）是用于控制網(wǎng)頁(yè)內(nèi)容布局和樣式的標(biāo)記語(yǔ)言。在網(wǎng)頁(yè)制作中，常常需要設(shè)置 div 元素之間的間距。下面是一些常用的 CSS 代碼，讓您可以輕松地控制 div 的間距。

div {
margin: 10px;  //設(shè)置 div 元素外部的間距為 10 像素
}
div + div {
margin-top: 20px;  //設(shè)置相鄰的兩個(gè) div 元素之間的間距為 20 像素
}
div:first-child {
margin-top: 0px;  //去掉第一個(gè) div 元素的上部間距
}
div:last-child {
margin-bottom: 0px; //去掉最后一個(gè) div 元素的下部間距
}

以上代碼中，第一段代碼設(shè)置了 div 元素的外部間距，即 div 元素與其它元素之間的間距。第二段代碼設(shè)置了相鄰的兩個(gè) div 元素之間的間距，使用了“+”選擇器實(shí)現(xiàn)。第三段代碼設(shè)置了第一個(gè) div 元素的上部間距為 0px，使用了“:first-child”偽類選擇器實(shí)現(xiàn)。第四段代碼設(shè)置了最后一個(gè) div 元素的下部間距為 0px，使用了“:last-child”偽類選擇器實(shí)現(xiàn)。

通過使用以上四段代碼，您可以有效地控制 div 元素之間的間距，實(shí)現(xiàn)各種不同的布局效果。同時(shí)在實(shí)際應(yīng)用中，您還可以根據(jù)需要自定義 CSS 代碼，實(shí)現(xiàn)更精細(xì)的布局效果。