在網(wǎng)頁設(shè)計(jì)中，div是最常用的塊狀標(biāo)簽，可以用來構(gòu)建任何形式的網(wǎng)頁。 設(shè)置div的寬度和高度 在div標(biāo)簽的屬性中，經(jīng)常會(huì)使用到width和height標(biāo)簽來設(shè)置框架的寬度和高度。 添加背景顏色

在網(wǎng)頁設(shè)計(jì)中，div是最常用的塊狀標(biāo)簽，可以用來構(gòu)建任何形式的網(wǎng)頁。

設(shè)置div的寬度和高度

在div標(biāo)簽的屬性中，經(jīng)常會(huì)使用到width和height標(biāo)簽來設(shè)置框架的寬度和高度。

添加背景顏色

為了讓人們能夠直觀地識(shí)別div元素，我們可以給其添加背景顏色。代碼示例：background-color: #0000FF;

設(shè)置外邊距

可以使用margin屬性為div添加外邊距。例如，margin: 100px; 表示將div的上下左右都添加100px的邊距。當(dāng)然也可以單獨(dú)設(shè)置某個(gè)方向的外邊距，如margin-left、margin-right、margin-top、margin-bottom。

水平居中

如果想要將div居中，可以使用margin: 0 auto; 第一個(gè)數(shù)值表示與上面的距離為0，auto表示左右自由，這樣會(huì)將div擠到中間位置。

設(shè)置邊框

可以使用border屬性為div添加邊框，并設(shè)置顏色和大小。例如，border: solid 5px red; 表示邊框?yàn)閷?shí)線，大小為5像素，顏色為紅色。三個(gè)屬性的位置可以調(diào)換順序，例如border: 5px solid red; 線的類別還可以選擇虛線dashed。

設(shè)置內(nèi)填充

使用padding屬性可以為div添加內(nèi)填充效果。添加了內(nèi)填充后，div元素的大小一定要加上填充的數(shù)值才是實(shí)際的大小。