Bài tập Thiết kế Khung trình bày Sản phẩm

Nội dung

Cho các hình sau:

• https://nentang.vn/wp-content/uploads/2021/10/hoa-28.jpg
• https://nentang.vn/wp-content/uploads/2021/10/hoa-13.jpg
• https://nentang.vn/wp-content/uploads/2021/10/hoa-30.jpg
• https://nentang.vn/wp-content/uploads/2021/10/hoa-14.jpg
• https://nentang.vn/wp-content/uploads/2021/10/hoa-9.jpg
• https://nentang.vn/wp-content/uploads/2021/10/hoa-22.jpg
• https://nentang.vn/wp-content/uploads/2021/10/hoa-11.jpg

Ribbon:

• Dãy ruy băng Ribbon "Mới": https://nentang.vn/wp-content/uploads/2021/10/ribbon_new.png

Yêu cầu

1. Sử dụng DIV.

2. Sử dụng CSS Position, Float, Margin, Padding, Border.

Kết hợp một cách hợp lý để trình bày giao diện tương tự như hình sau: