ホームページ > 記事 > ウェブフロントエンド > Div CSS ページの簡単な実装 Layout_html/css_WEB-ITnose
Div CSS ページの簡単な実装 Layout_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:29:07935ブラウズ
ボディ{マージン:0; text-align:center}
#nav { 背景: #99FF99;高さ: 60ピクセル;幅:1000ピクセル;浮動小数点:なし; }
#nav UL LI{ float:left;BORDER-LEFT: #497ab9 1px ソリッド;BORDER-RIGHT: #2a5293 1px ソリッド;}
#mainContent { 背景: #99FF99;高さ: 60ピクセル;幅:1000ピクセル;浮動小数点:なし; }
#side {背景: #99FF99;高さ: 300ピクセル;幅: 120ピクセル;フロート: 左; }
#side1 {背景: #99FF99;高さ: 300ピクセル;幅: 120ピクセル;フロート: 右; }
#main {背景: #99FFFF;高さ: 300ピクセル;マージン:0 120ピクセル 0 120ピクセル; }
#foot {背景: #99FF99;高さ: 60ピクセル;幅:1000ピクセル;浮動小数点:なし; }
＜ボディ＞
< div id="side">こちらの表示 id "side" のコンテンツ
こちらの表示 id "side1" のコンテンツ
div id="main">ここ表示 id "main" の内容页
本文>声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。