Tất cả dự án

HTML và CSS · Dịch vụ

Trang bảng giá dịch vụ làm website

Dựng 3 thẻ gói dịch vụ đúng từng pixel bằng box model và position.

Cơ bản~5 giờMentor hỗ trợCSS box modeldisplaypositiondetails/summary

Bài toán của doanh nghiệp

Công ty nhỏ làm website cho hộ kinh doanh cần trang bảng giá để khách tự so sánh 3 gói dịch vụ. Thiết kế đã có sẵn, cần dựng lại đúng từng khoảng cách.

Bài tập tập trung vào box model trước khi học Flexbox/Grid: chiều rộng thẻ, khoảng cách, nhãn nổi bật đè lên mép thẻ, câu hỏi thường gặp mở/đóng.

Kết quả cần nộp

  • Mã nguồn trên GitHub
  • Ảnh chụp DevTools box model cho thấy thẻ đúng 300px
  • Ảnh chụp toàn trang và khi dùng phím Tab

Đề bài chi tiết

Đăng ký dự án để xem đề bài chi tiết, dữ liệu mẫu và tài liệu đi kèm.