3カラムレイアウト

完成イメージ)

3カラムレイアウト - いまさらHTML,CSS入門講座 -

幅728px、高さ300px、画面左ボックス幅150px、画面中央ボックス幅428px、画面右ボックス幅150px。


スタイルシート記述例)

*{
margin: 0;
padding: 0;
}

body{
width: 728px;
}

.box_a{
float: left;
width: 150px;
background: #c0c0c0;
height: 300px;
}

.box_b{
float: left;
width: 428px;
background: #eeeeee;
height: 300px;
}

.box_c{
float: left;
width: 150px;
background: #c0c0c0;
height: 300px;
}

本文記述例)

<body>

<div class="box_a">内容</div>
<div class="box_b">内容</div>
<div class="box_c">内容</div>

</body>
		


ページトップへ戻る



RAWで撮ろうLife with a cameraLife with a camera 2


inserted by FC2 system