使用div標(biāo)簽構(gòu)建網(wǎng)頁
在網(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í)際的大小。
生成Dreamweaver基礎(chǔ)教程-使用DIV標(biāo)簽構(gòu)建網(wǎng)頁和常用屬性