Nền màu trên trang web không chỉ thu hút sự chú ý của khách truy cập mà còn truyền tải tâm trạng của tài nguyên. Các trang web theo chủ đề không gian tạo ra một bầu không khí huyền bí với nền là bầu trời đầy sao, các nguồn giải trí vui lên với nhiều màu sắc ấm áp, các dịch vụ web của dịch vụ thành phố thể hiện tính chính thống với thiết kế khắc khổ và nền chủ yếu là màu xám và xanh lam. Có một số cách để tạo màu cho trang web của riêng bạn.
Nó là cần thiết
- - trang web của bạn
- - ít nhất kiến thức cơ bản về HTML
Hướng dẫn
Bước 1
Để tạo nền có màu đồng nhất, hãy tìm các thẻ sau và trong mã HTML. Thay đổi thẻ đầu tiên như thế này:
Trong cấu trúc này, # FFFF33 là màu vàng được mã hóa.
Bước 2
Màu của trang có thể được chỉ định không chỉ bằng mã mà còn bằng các từ đặc biệt - tên của các màu chính. Để chỉ ra màu nền bằng một từ, hãy viết mã sau:
Ở đây "màu vàng" là tên của màu vàng.
Bước 3
Thay vì dấu mã màu vàng hoặc tên của nó, hãy thêm ký hiệu mong muốn của màu nền bạn cần vào thẻ bằng cách sử dụng gợi ý sau:
red - "red" ("# FF0000")
xanh lam - "xanh lam" ("# 0000FF")
xanh lá cây - "xanh lục" ("# 008000")
màu hồng - "màu hồng" ("# FFC0CB")
tím - "violet" ("# EE82EE")
cam - "cam" ("# FFA500")
đen - "đen" ("# 000000")
Bước 4
Nếu bạn muốn có một hình ảnh lặp lại trên nền của trang web, hãy chọn một hình ảnh nhỏ để văn bản có thể nhìn thấy rõ ràng. Tải lên trang web một hình ảnh. Để đặt hình ảnh làm nền, hãy nhập mã này vào thẻ
Trong mục này, thay vì "/images/fon.jpg", hãy chỉ định đường dẫn đến hình ảnh mong muốn.
Bước 5
Màu của các trang web không chỉ có thể được đặt trong mã HTML mà còn có thể sử dụng các kiểu CSS. Sử dụng các kiểu này, bạn không cần phải đặt nền trong mã của trang mới mỗi lần. Để xác định nền trong CSS giữa các thẻ và đặt một mục nhập như sau:
thân hình {
nền: # FFFF33;
}
Ở đây màu nền được thiết lập bởi tham số nền.
Bước 6
Nếu bạn muốn tạo nền trong CSS bằng cách sử dụng hình ảnh, thì hãy viết giữa và viết mã sau, thay vì '/images/fon.jpg' chỉ định đường dẫn đến hình ảnh mong muốn:
thân hình {
background-image: url ('/ images / fon.jpg');
background-repeat: lặp lại;
}
Ở đây tham số background-image xác định hình ảnh nền, background-repeat - sự lặp lại của hình ảnh. Trên trang.
