LẬP TRÌNH WEB
LAB_LAYOUT 3
1. Trang web layout3.html có layout là 1 header và 3 cột, 1 footer:
2. Code html
<div id="container">
<div id="header">HEADER</div>
<div id="main">
<div id="main_1">Main_1</div>
<div id="main_2">Main_2</div>
<div id="main_3">Main_3</div>
</div>
<div id="footer">FOOTER</div>
</div>
3. Định dạng:
#container{ width:990px}
#header {background-color: #CC9900; height: 120px; margin-bottom: 5px;}
#main_1 {float: left; width: 150px; min-height:300px;
background-color: #999999;}
#main_2 {float:left; width: 630px; margin-left:5px;
min-height:300px; background-color: #CCCC99;}
#main_3 {float: left; width: 200px; margin-left: 5px;
min-height: 300px; background-color: #FFCC66;}
#footer { height: 150px; background-color: #CCFFCC; clear: both;}
Lưu Hành Nội Bộ-Thầy HTS
1