div+CSS で Web ページのレイアウトが完成します (上下左右)_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:29:12
オリジナル
1845 人が閲覧しました


<; html xmlns ="http://www.w3.org/1999/xhtml" >
<;頭>
<; meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" />
ボディ {
マージン : 0 ;
パディング: 0 ;
}
#head {
高さ : 40px ;
背景色: #0033CC ;
幅: 800ピクセル;
マージン: 0 ;
}
#content {
幅 : 800px ;
背景: #CCCCCC ;
高さ: 200ピクセル;
マージン: 0 ;
}
#left {
トップ : 40px ;
幅: 150ピクセル;
高さ: 200ピクセル;
背景: #CCCC66 ;
フロート: 左;
マージン: 0 ;
}
#c {
幅 : 500px ;
高さ: 200ピクセル;
背景: #FFFFFF ;
マージン: 0 ;
}
#right {
幅 : 150px ;
高さ: 200ピクセル;
背景: #339966 ;
フロート : 右;
マージン: 0 ;
}
#foot {
幅 : 800px ;
背景: #0099CC ;
高さ: 40ピクセル;
マージン: 0 ;
}


head div >

< div id ="左" >左
< div id ="c" >コンテンツ
< div id ="right" >右

フィート div >



ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート