Bước 1: 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:

#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;}

Bước 2: 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:

<div id=\"mainWap\"> <div id=\"header\"> Đây Là Header </div> <div id=\"left\">

Bước 3: 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</div>

</div>

</div>

Copy code:

</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</div> </div> </div>

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 thành công!