#banner {
 background:url(banner.jpg) 0 30px no-repeat; /*加入背景圖片*/
 width:730px; /*設定層的寬度*/
 margin:auto; /*層居中*/
 height:240px; /*設定高度*/
 border-bottom:5px solid #EFEFEF; /*畫一條淺灰色實線*/
 clear:both /*清除浮動*/
}

通過border很容易就繪制出一條實線了，并且減少了圖片下載所占用的網(wǎng)絡資源，使得頁面載入速度變得更快。

另一個要說明的就是clear:both，表示清除左、右所有的浮動，在接下來的布局中我們還會用這個屬性：clear:left/right。在這里添加clear:both是由于之前的ul、li元素設置了浮動，如果不清除則會影響banner層位置的設定。