Bài tập Tổng hợp Tạo Trang Web bán hàng Thực phẩm Dinh dưỡng Organic

CSS
Khó
Điểm 100
In ấn
Ngày đăng: 3 năm trước

Nội dung

Cho nguồn ảnh sau, download tại đây: https://nentang.vn/wp-content/uploads/2021/12/imgs_shop_organic_nentang.zip

Yêu cầu

1. Sử dụng DIV để tạo bố cục (layout) trang web.

2. Sử dụng CSS tương ứng để tạo hiệu ứng theo đề bài.

3. Sử dụng các hình ảnh / màu sắc tương đối theo yêu cầu đề bài.

Kết quả Mong đợi

1. Mẫu giao diện WEB:

2. Có các hiệu ứng khi hover chuột trên các phần tử như video sau:

Gợi ý

Xem bài viết "Hướng dẫn phân tích Bố cục (layout) Web bán hàng Thực phẩm Dinh dưỡng Organic" để thực hành việc phân tích Bố cục trang web.