是HTML中使用最廣泛的元素之一。它的作用是將文檔分成若干個(gè)塊區(qū)域，可以進(jìn)行獨(dú)立的布局和樣式設(shè)置。而CSS則是一種用于表現(xiàn)網(wǎng)頁外觀的樣式表語言。在CSS中，可以通過選擇器來選擇指定的HTML元素，并對其進(jìn)行樣式設(shè)置。
下面是一些基礎(chǔ)的div樣式設(shè)置示例，大家可以自行嘗試并應(yīng)用到自己的網(wǎng)頁設(shè)計(jì)中：
/*定義div的寬度、高度、背景顏色、邊框樣式、內(nèi)邊距和外邊距*/
div {
width: 300px;
height: 200px;
background-color: #ccc;
border: 1px solid #999;
padding: 10px;
margin: 10px;
}
/*修改div的文字顏色和字體大小*/
div p {
color: #333;
font-size: 16px;
}
/*將div設(shè)置為浮動(dòng)，使其他元素環(huán)繞它*/
div {
float: left;
}
/*創(chuàng)建一個(gè)類名為container的div，包含兩個(gè)子元素div1和div2，并對其進(jìn)行基本的樣式設(shè)置*/
.container {
width: 600px;
height: 400px;
background-color: #eee;
margin: 20px auto;
padding: 10px;
}
.container div {
width: 280px;
height: 180px;
background-color: #fff;
border: 1px solid #999;
margin: 10px;
float: left;
}