#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è)定。