2カラムレイアウト

完成イメージ)

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

幅728px、高さ300px、画面左ボックス幅528px、画面右ボックス幅200px。


スタイルシート記述例)

*{
margin: 0;
padding: 0;
}

body{
width: 728px;
}

.box_a{
float: left;
width: 528px;
background: #eeeeee;
height: 300px;
}

.box_b{
float: left;
width: 200px;
background: #c0c0c0;
height: 300px;
}

本文記述例)

<body>
<div class="box_a">...</div>
<div class="box_b">...</div>
</body>
		


ページトップへ戻る



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


inserted by FC2 system