Ngôn ngữ đánh dấu HTML cho phép nhà thiết kế web sử dụng bất kỳ hình ảnh nào làm hình nền. Tuy nhiên, bản thân ngôn ngữ này thiếu các điều khiển tích hợp cho ảnh nền. Việc tinh chỉnh nhiều hơn được thực hiện bằng cách sử dụng các bảng định kiểu CSS xếp tầng.
Hướng dẫn
Bước 1
Để làm cho nền trải dài hết chiều rộng của trình duyệt, bạn cần sử dụng tham số z-index trong CSS của mình. Nó cho phép bạn thiết lập thứ tự của các phần tử bạn tạo. Giá trị của thuộc tính này càng cao thì khối sẽ nằm trên trang càng cao.
Bước 2
Tạo tài liệu mới ở định dạng html và css (nút chuột phải - "Mới" - "Tệp văn bản") và mở chúng bằng bất kỳ trình soạn thảo văn bản nào.
Bước 3
Đặt hình nền trên lớp dưới cùng. Nó sẽ kéo dài tùy thuộc vào độ phân giải màn hình. Ở trên cùng, một phần tử khác sẽ nằm trên đó nội dung trang sẽ được hiển thị. Để làm điều này, hãy tạo hai khối. Trong tệp css, viết:.1layer {z-index: 1; width: 100% height: 100% position: tuyệt đối;}. 2layer {Vị trí: tuyệt đối; z-index: 2; } Vị trí: tham số tuyệt đối cho phép bạn đặt vị trí tuyệt đối, tức là lớp sẽ được định vị độc lập với các phần tử khác.
Bước 4
Bao gồm mã CSS đã tạo trong tệp HTML bằng thẻ liên kết: Nền trang
Bước 5
Tạo một lớp mới. Sử dụng thẻ
đặt một bức tranh trên đó. Ví dụ: Nội dung trang Đối với img, chỉ tham số chiều rộng được chỉ định, bởi vì nếu bạn chỉ định thêm chiều cao, trong một số trình duyệt, hình ảnh sẽ bị biến dạng.
Bước 6
Lưu các thay đổi của bạn. Để kiểm tra mã của bạn, hãy phóng to trang trong cửa sổ trình duyệt của bạn. Hình nền cũng nên được phóng to.
