Đề bài: [Thiết kế Web] Thanh điều hướng dính khi cuộn (sticky)

Cần ôn lý thuyết? Đọc bài giảng Buổi 8: Thiết kế bố cục (1): mô hình hộp, kích thước và vị trí — khóa Thiết kế Web

Cho HTML sau (.nav-sticky trong .page-wrap chứa nhiều đoạn văn). Viết CSS để .nav-sticky có position: sticky, top: 0, nền trắng, padding: 12px 16px, border-bottom: 1px solid #e5e7eb, z-index: 10 — thanh này dính lại đỉnh trang khi cuộn xuống.

Thư Mục

root

index.html

style.css

script.js

Chọn một file để chỉnh sửa hoặc tạo file mới

Console

Không có đầu ra