Thiết kế bố cục (layout) trang web bằng thẻ DIV và CSS Float

CSS
Dễ
Không Chấm điểm
In ấn
Ngày đăng: 3 năm trước

Yêu cầu

  • Sử dụng thẻ <div></div>
  • Đặt tên ID và CLASS thích hợp
  • Cần sử dụng thuộc tính CSS float và phải có các điểm ngắt clear-fix hợp lý.
  • Khuyến khích sử dụng file CSS rời (External file)
  • Chỉ cần thiết kế khối DIV và tô màu tương ứng là được, không cần thiết kế mũi tên, chữ nghĩa, ...

1. Thiết kế bố cục (layout) đơn giản như hình sau:

 

2. Thiết kế bố cục (layout) như hình sau:

3. Thiết kế bố cục (layout) phứt tạp như hình sau:

 

Gợi ý

Xem các hướng dẫn liên quan: