Khi bạn tạo trang web của riêng mình, tự nhiên bạn muốn nó hiển thị hấp dẫn nhất có thể bất kể phiên bản trình duyệt của người dùng là gì. Đặc biệt, để ảnh nền được kéo giãn và điều chỉnh theo độ phân giải của màn hình máy tính.
Nó là cần thiết
Kỹ năng làm việc với html, css, java-script
Hướng dẫn
Bước 1
Mở mã cho trang web của bạn trong bất kỳ trình chỉnh sửa nào, chẳng hạn như Notepad hoặc chương trình thiết kế web chuyên dụng, Dreamweaver. Dán các dòng sau vào mã để kéo dài nền của trang web. Thêm Nền: url (‘Chèn liên kết đến hình ảnh’).
Bước 2
Để định kích thước hình ảnh theo chiều ngang, hãy sử dụng mã sau: Nền: url (‘Chèn liên kết tới hình ảnh’ lặp lại-x), theo chiều dọc - ở cuối mã, thay x bằng y. Nếu trang web được tạo kiểu trong tệp css, hãy dán mã vào đó. Bằng cách này, bạn sẽ có thể đặt một nền cao su trên trang web của mình.
Bước 3
Sử dụng ví dụ mã sau để đặt hình nền trên một trang và tự động kéo căng nó để phù hợp với độ phân giải của màn hình mà trang đang được xem. Mã ví dụ: body {background: "Chèn liên kết đến hình nền" () không lặp lại cố định ở giữa bên trái; thì background-size: […].
Bước 4
Để kéo dài hình ảnh nền, chỉ cần chèn một hình ảnh làm nền và đặt chiều rộng của nó thành 100%. Ví dụ: chèn văn bản sau vào mã trang: hình nền "alt =" Nhập tên của hình ảnh "/>. Như vậy, nó sẽ được sử dụng để vừa với chiều rộng của bức tranh, nhưng tỷ lệ của nó sẽ bị vi phạm.
Bước 5
Tương tự, bạn có thể đặt hình ảnh để kéo dài chiều cao, sử dụng chiều cao thay vì thuộc tính chiều rộng. Hoặc sử dụng ví dụ mã sau cho css: hình nền của trang web) "> và sau đó thêm 100% chiều rộng của hình ảnh như trong ví dụ trước. Ngoài ra, bạn có thể sử dụng tập lệnh để tìm ra độ phân giải màn hình của người dùng và chỉnh sửa kích thước trong bảng của bạn cho nó.
