Hình nền làm việc cho trang web có thể được so sánh với hình nền cho màn hình nền của hệ điều hành của bạn. Nền (background), bạn có thể tạo theo một số biến thể, sẽ được thảo luận bên dưới.
Cần thiết
Chỉnh sửa tệp style.css
Hướng dẫn
Bước 1
Nền đơn sắc. Loại nền đơn giản nhất, một điểm cộng lớn là tải trang tối thiểu khi sử dụng một bức tranh như vậy. Nếu tệp kiểu (style.css) không chứa các lệnh đặt màu nền, trình duyệt sẽ đề xuất màu trắng theo mặc định. Sử dụng lệnh background-color để thay đổi màu sắc. Ví dụ về cách sử dụng lệnh này: background-color: # 3366CC.
Bước 2
Để chọn một màu cụ thể, bạn có thể sử dụng phần mềm đặc biệt, chẳng hạn như trình chỉnh sửa đồ họa Adobe Photoshop. Nếu bạn chưa bao giờ làm việc với nó, bạn nên sử dụng các dịch vụ web. Một ví dụ nổi bật là công cụ tìm kiếm "Yandex", hãy truy cập liên kết sau https://yandex.ru và nhập cụm từ "color blue". Một bảng màu sẽ hiện ra trước mặt bạn, trong đó bạn có thể chọn bất kỳ màu nào theo ý thích của mình, sao chép mã và dán vào mã trang web.
Bước 3
Kết cấu nền. Ngoài màu nền, bạn có thể thêm hình ảnh hoặc mẫu (họa tiết) lặp lại theo chu kỳ vào bất kỳ trang nào trên trang web của mình. Để thực hiện việc này, sau khi nhập màu nền, hãy viết lệnh background-image, ví dụ: background-image: url (img / uzor.png). Đường dẫn đến tệp phải được chỉ định bên trong dấu ngoặc. Điều đáng chú ý là độ phân giải kết cấu có thể bắt đầu từ nhỏ nhất (16x16) và kết thúc bằng hình ảnh kích thước đầy đủ cho kích thước của các trang web (800x600 trở lên).
Bước 4
Nền bằng cách sử dụng một gradient. Trong trường hợp này, bạn đang sử dụng màu nền đã được đặt bằng lệnh background-color, nhưng tạo ra một gradient. Gradient có thể nằm ngang (x) và dọc (y). Thông thường, một vị trí nằm ngang được sử dụng làm gradient nền, vì vậy đường có gradient sẽ trông giống như sau: background-repeat: repeat-x.
