網頁樣式2

<style type="text/css">
<!--
body {
 font: 100% Verdana, Arial, Helvetica, sans-serif;
 background: #666666;
 margin: 0; /* 最好將 body 元素的邊距和填充設置為 0 以覆蓋不同的瀏覽器默認值 */
 padding: 0;
 text-align: center; /* 在 IE 5* 瀏覽器中，這會將容器居中。文本隨后將在 #container 選擇器中設置為默認左對齊 */
 color: #000000;
}
.oneColLiqCtrHdr #container {
 width: 80%;  /* 這將創建一個占據 80% 瀏覽器寬度的容器 */
 background: #FFFFFF;
 margin: 0 auto; /* 自動邊距（與寬度一起）會將頁面居中 */
 border: 1px solid #000000;
 text-align: left; /* 這將覆蓋 body 元素上的“text-align: center”。 */
}
.oneColLiqCtrHdr #header {
 background: #DDDDDD;
 padding: 0 10px 0 20px;  /* 此填充會將出現在它后面的 div 中的元素左對齊。如果 #header 中使用的是圖像（而不是文本），您最好刪除填充。 */
}
.oneColLiqCtrHdr #header h1 {
 margin: 0; /* 將 #header div 中最后一個元素的邊距設置為零將避免邊距重疊（即 div 之間出現的無法解釋的空白）。如果 div 周圍有邊框，則不必將邊距設置為零，因為邊框也會避免邊距重疊 */
 padding: 10px 0; /* 使用填充而不使用邊距將可以使元素遠離 div 的邊緣 */
}
.oneColLiqCtrHdr #mainContent {
 padding: 0 20px; /* 請記住，填充是 div 方塊內部的空間，邊距則是 div 方塊外部的空間 */
 background: #FFFFFF;
}
.oneColLiqCtrHdr #footer {
 padding: 0 10px; /* 此填充會將它上面 div 中的所有元素左對齊。 */
 background:#DDDDDD;
}
.oneColLiqCtrHdr #footer p {
 margin: 0; /* 將腳注中第一個元素的邊距設置為零將避免出現可能的邊距重疊（即 div 之間出現的空白）*/
 padding: 10px 0; /* 就像邊距會產生空白一樣，此元素上的填充也將產生空白，但不會出現邊距重疊問題 */
}
-->
</style>