Cách thay đổi màu nền và màu văn bản của trang web

Dưới đây là các bước về cách bạn có thể thay đổi màu nền của trang web bằng HTML và CSS. Mặc dù màu nền có thể được thực hiện bằng thẻ HTML BODY, chúng tôi khuyên bạn nên chỉ định các giá trị màu nền trong CSS như được hiển thị bên dưới.

Mẹo: Khi xác định màu của bất kỳ thành phần trang web nào, bạn có thể cần sử dụng mã màu HTML. Đối với các màu chính, bạn cũng có thể chỉ định tên của các màu đó thay vì sử dụng mã màu, ví dụ: đỏ, xanh dương, xanh lục và đen thay vì sử dụng các giá trị mã màu được tôn trọng của chúng.

Ví dụ CSS

Trong ví dụ CSS bên dưới, chúng tôi đang thiết lập phần thân có màu nền đen bằng cách thêm "màu nền: # 000;" trong khối cơ thể. Bởi vì màu nền là màu đen, màu văn bản cũng phải thay đổi, hoặc nó sẽ không được nhìn thấy. Vì vậy, chúng tôi đang đặt màu văn bản thành màu trắng bằng cách thêm "color: #fff;" vào khối.

 cơ thể {font-family: Helvetica, Arial, sans-serif; màu nền: # 000; màu: #fff; } 

Nếu trang của bạn không sử dụng CSS hoặc bạn không muốn chuyển đổi sang CSS, dưới đây là các bước về cách thực hiện việc này trong thẻ BODY trong mã HTML. Tuy nhiên, như đã đề cập trước đó, chúng tôi khuyên bạn nên sử dụng mã CSS ở trên thay vì thẻ body. Nếu bạn sử dụng kiểu CSS, bạn có thể thay đổi các giá trị màu nền một lần và các thay đổi sẽ được tự động áp dụng cho tất cả các thành phần HTML bằng cách sử dụng kiểu đó.

Ví dụ về thẻ body HTML

Trong một số tình huống rất hiếm, có thể không sử dụng CSS. Đối với những tình huống đó, bạn cũng có thể xác định màu nền, màu văn bản, màu liên kết và các giá trị khác trong thẻ body HTML như được hiển thị bên dưới.

Dưới đây là các mô tả của từng thuộc tính HTML trong thẻ body.

Văn bản = Màu sắc của văn bản.

LINK = Màu của các liên kết.

VLINK = Màu liên kết đã truy cập.

ALINK = Màu của liên kết hoạt động hoặc màu của liên kết thay đổi thành khi nhấp vào.

BGCOLOR = Màu nền của trang.

Mẹo: Để giúp minh họa rõ hơn tất cả các giá trị trên, trên trang này màu liên kết là màu xanh lam, các liên kết bạn đã truy cập có màu tím và các liên kết được di chuột qua hoặc nhấp vào có màu đỏ.