Nền webste cố định khi cuộn trang

Thứ ba - 02/01/2024 01:34

CSS

body {
  background-image: url('your-image-url');
  background-repeat: no-repeat;
  background-attachment: fixed;
}

Trong đoạn mã trên, background-image được sử dụng để chỉ định hình ảnh nền, background-repeat: no-repeat; đảm bảo rằng hình ảnh không lặp lại, và background-attachment: fixed; giữ cho hình ảnh nền cố định khi cuộn trang.

Hãy nhớ thay thế 'your-image-url' bằng URL của hình ảnh nền bạn muốn sử dụng. Nếu bạn muốn hình ảnh nền phủ toàn bộ trang, bạn cũng có thể thêm background-size: cover;.

Lưu ý: Đảm bảo rằng bạn có quyền sử dụng hình ảnh bạn chọn làm hình nền cho trang web của mình.

Tác giả: Master