17-12-2016
B1: Tạo file style.css sau đó copy đoạn css này vào
#mainWap{
width: 950px;
margin: 0 auto;
border-radius: 4px;
}
#header{
margin-bottom: 10px;
padding: 10px;
border: 1px solid #ddd;
}
#left{
float: left;
width: 700px;
padding: 5px 10px;
border: 1px solid #ddd;
}
#right{
float: right;
width: 200px;
padding: 5px 10px;
border: 1px solid #ddd;
}
#footer{
margin-top: 10px;
padding: 10px;
border: 1px solid #ddd;
}
.clr{clear: both;}
Copy code
B2: Mở file _header của wap ra. Dán code này vào
<div id="mainWap">
<div id="header">
Đây Là Header
</div>
<div id="left">
Copy code
B3: Mở file _footer của wap ra. Dán code này vào
</div>
<div id="right">
Đây là menu phái bên phải
</div>
<div class="clr"></div>
<div id="footer">
<div class="phdr">Phần Footer wap - VINA4Z.XYZ</div>
</div>
</div>
Copy code
Chú ý:
* Các file trong wap sẽ tự nằm trong phần nội dung chính
* Đây là code cơ bản và css cấn thiết để tạo style web. Hãy kết hợp với css thường để lòng vào các nội dung như trên để có style web đẹp.
Chúc bạn thành công!
Hướng dẫn tạo giao diện web Hai Cột cho Xtgem
Admin• Cấp Bậc: 
17-12-2016
Tổng số: 1
Đăng Nhập
- 1
