Cách Thêm Nền Vào Trang Web

Mục lục:

Cách Thêm Nền Vào Trang Web
Cách Thêm Nền Vào Trang Web

Video: Cách Thêm Nền Vào Trang Web

Video: Cách Thêm Nền Vào Trang Web
Video: 02 - Thêm background vào cho trang web 2024, Có thể
Anonim

Nền trong mã nguồn của các trang web, tùy thuộc vào thiết kế được sử dụng, có thể được đặt bằng cách chỉ định màu hoặc bằng cách liên kết đến tệp hình ảnh với việc bổ sung các thông số định vị của nó. Điều này có thể được thực hiện trực tiếp trong các thẻ HTML, trong một khối CSS riêng biệt trong phần tiêu đề của nguồn hoặc trong một tệp riêng biệt có mô tả kiểu.

Cách thêm nền vào trang web
Cách thêm nền vào trang web

Hướng dẫn

Bước 1

Mở mã nguồn của khối được sử dụng trên trang web của bạn để đặt nền cho các trang của khối đó. Khi sử dụng bất kỳ hệ thống điều khiển nào, khối này, như một quy tắc, được phân bổ trong một tệp riêng biệt. Bản thân hệ thống điều khiển có các công cụ để chỉnh sửa nó trực tiếp trong trình duyệt. Tùy thuộc vào hệ thống cụ thể, quy trình này có thể được tổ chức theo những cách khác nhau - ví dụ: thông qua trình chỉnh sửa trang. Nếu bạn không sử dụng hệ thống điều khiển, thì tệp tương ứng phải được tải xuống máy tính của bạn và mở trong bất kỳ trình chỉnh sửa nào. Tốt hơn là sử dụng trình soạn thảo HTML chuyên dụng, nhưng bạn cũng có thể sử dụng Notepad đơn giản nhất.

Bước 2

Thêm thuộc tính bgcolor vào thẻ body cho biết bóng màu nếu nền của trang phải là màu chứ không phải hình. Ví dụ:

Đây là một màu cam đậm làm nền. Không phải mọi tên văn bản ("ghi nhớ") của bóng râm đều có thể được trình duyệt nhận dạng, vì vậy tốt hơn nên sử dụng mã màu thập lục phân. Ví dụ, mã FF8C00 tương ứng với màu cam đậm:

Bước 3

Sử dụng thuộc tính nền thay vì bgcolor trên thẻ body nếu nền được đặt bằng hình ảnh chứ không phải màu. Ví dụ: nếu tệp có hình nền được gọi là bgPic

Bước 4

Đặt mô tả kiểu trong tiêu đề mã nguồn của bạn nếu bạn muốn đặt nền của trang bằng CSS. Ví dụ: mô tả kiểu CSS thay thế màu cam đậm được chỉ định trong thẻ body làm nền có thể trông như sau:

nội dung {background-color: DarkOrange;}

Và bạn có thể đặt hình nền với mô tả kiểu sau:

body {background: # FF8C00 url (images / bgPic.gif) repeat-y;}

Ở đây, ngoài liên kết đến hình ảnh, màu nền (# FF8C00) cũng được chỉ ra - nếu có những chỗ trên trang không bị che bởi hình nền, thì chúng sẽ được sơn bằng bóng màu được chỉ định ở đây. Tham số repeat-y chỉ định sự lặp lại của hình nền theo chiều dọc (dọc theo trục Y). Nếu bạn cần lặp lại hình ảnh theo chiều ngang, thì bạn nên sử dụng giá trị lặp lại-x và để cấm sự lặp lại của mẫu - không lặp lại. Bạn có thể đặt mô tả kiểu trước thẻ đóng phần tiêu đề của mã HTML.

Bước 5

Lưu các thay đổi được thực hiện trong trình chỉnh sửa trang hoặc lưu và tải tệp đã tải xuống trở lại máy chủ nếu mã đã được chỉnh sửa trong tệp trên máy tính của bạn.

Đề xuất: