ホームページ >ウェブフロントエンド >htmlチュートリアル >CSS+Div_html/css_WEB-ITnose
< html xmlns=" http://www.w3.org/1999/xhtml">
<頭>
< meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<タイトル> タイトル>
< style type="text/css">
#head{
高さ:40px;
背景色:#0033CC;
マージン:0;
}
#content{
背景:#CCCCCC;
高さ:200ピクセル;
マージン:0;
}
#left{
width:20%;
高さ:200ピクセル;
背景:#CCCC66;
float:left;
マージン:0;
}
#c{
width:60%;
高さ:200ピクセル;
背景:赤;
マージン:0;
float:left;
}
#right{
width:20%;
高さ:200ピクセル;
背景:#339966;
float:right;
マージン:0;
}
#foot{
背景:#0099CC;
高さ:40ピクセル;
マージン:0;
}
スタイル >
頭>
<本体>
< div id="head">head div >
< div id="コンテンツ">
< div id="left">left div >
< div id="c">コンテンツ div >
< div id="right">righth div >
div >
< div id="足">足 div >
ボディ>