Cách đặt Màu Nền

Mục lục:

Cách đặt Màu Nền
Cách đặt Màu Nền

Video: Cách đặt Màu Nền

Video: Cách đặt Màu Nền
Video: Cách đổ màu cho background, đổ màu cho vùng chọn, fill background color trong photoshop 2024, Có thể
Anonim

Thông thường, màu nền cơ bản của trang web được đặt bằng cách sử dụng Trang tính kiểu xếp tầng (CSS). Ít phổ biến hơn, các khả năng của ngôn ngữ HTML (HyperText Markup Language - "ngôn ngữ đánh dấu siêu văn bản") được sử dụng cho việc này. Đôi khi các phần tử mô tả CSS được đặt bên trong các thẻ HTML.

Cách đặt màu nền
Cách đặt màu nền

Hướng dẫn

Bước 1

Sử dụng thuộc tính bgcolor của thẻ body nếu bạn muốn chỉ định màu nền dễ dàng nhất có thể và để giảm thiểu các thay đổi đối với mã nguồn của bạn. Mô tả của tất cả các phần tử trang được đặt trong nguồn trang bên trong một khối mã HTML bắt đầu bằng thẻ và kết thúc bằng thẻ. Thuộc tính bgcolor được chỉ định trong thẻ mở và chứa giá trị màu được đặt tên (ví dụ: Đỏ hoặc Sô-cô-la) hoặc mã màu thập lục phân tương ứng của nó (tương ứng là # FF0000 hoặc # D2691E). Ở dạng đơn giản nhất, một thẻ như vậy có thể được viết, ví dụ như thế này: Hoặc như thế này: Cả hai tùy chọn đều đặt cùng một màu đỏ cho nền của tài liệu.

Bước 2

Sử dụng thuộc tính background-color nếu bạn muốn đặt màu nền của tài liệu bằng ngôn ngữ mô tả kiểu - phương pháp này phổ biến hơn nhiều. Các khối mô tả kiểu có thể được bao gồm trong mã nguồn của tài liệu hoặc được viết trong một tệp riêng biệt với phần mở rộng css. Một liên kết đến tệp bên ngoài được đặt trong phần tiêu đề của trang (giữa thẻ và) và trông giống như sau: @import "style.css"; Nếu không cần chuyển hướng dẫn CSS vào một tệp bổ sung, then @import "style.css"; nên được thay thế, chẳng hạn, với kiểm tra sau: body {background-color: Red;} Ở đây phần nội dung chỉ ra rằng câu lệnh bên trong dấu ngoặc nhọn xác định màu nền đỏ đề cập đến cùng một thẻ nội dung HTML. Và ở đây có một số hệ thống để xác định sắc thái màu, nhưng mã thập lục phân thường được sử dụng nhất: body {background-color: # FF0000;}

Bước 3

Thay thế thuộc tính background-color bằng background để mô tả chính xác cấu trúc nền phức tạp hơn. Ví dụ, nếu, ngoài nền của một màu nhất định, một bức ảnh phải được đặt trong phần hỗ trợ của tài liệu. Mô tả như vậy có thể giống như sau: body {background: Red url (img / BGimage.gif) no-repeat;}

Bước 4

Dựa trên tùy chọn bạn đã chọn, hãy chuẩn bị mã đặt màu nền của tài liệu và dán nó vào nguồn của trang. Điều này có thể được thực hiện, ví dụ, bằng cách sử dụng trình chỉnh sửa trực tuyến của các trang trong hệ thống quản lý nội dung hoặc trong bất kỳ trình soạn thảo văn bản nào.

Đề xuất: