#banner {
background:url(banner.jpg) 0 30px no-repeat; /*加入背景圖片*/
width:730px; /*設(shè)定層的寬度*/
margin:auto; /*層居中*/
height:240px; /*設(shè)定高度*/
border-bottom:5px solid #EFEFEF; /*畫一條淺灰色實(shí)線*/
clear:both /*清除浮動(dòng)*/
}
通過border很容易就繪制出一條實(shí)線了,并且減少了圖片下載所占用的網(wǎng)絡(luò)資源,使得頁(yè)面載入速度變得更快。
另一個(gè)要說明的就是clear:both,表示清除左、右所有的浮動(dòng),在接下來的布局中我們還會(huì)用這個(gè)屬性:clear:left/right。在這里添加clear:both是由于之前的ul、li元素設(shè)置了浮動(dòng),如果不清除則會(huì)影響banner層位置的設(shè)定。