Hướng dẫn how do you color an element in html? - làm thế nào để bạn tô màu một phần tử trong html?


Màu HTML được xác định với tên màu được xác định trước hoặc với các giá trị RGB, HEX, HSL, RGBA hoặc HSLA.


Tên màu

Trong HTML, một màu có thể được chỉ định bằng cách sử dụng tên màu:

Hãy tự mình thử »

HTML hỗ trợ 140 tên màu tiêu chuẩn.


Màu nền

Bạn có thể đặt màu nền cho các phần tử HTML:

Chào thế giới


Lorem ipsum door ngồi ampe, tin cậy elit elit, sed diam nomummy nibh euismod tincidunt ut laoreet doore magna aliquum eraat volutpat. Ut wisi enm quảng cáo tối thiểu veniam, quis nostrud thí nghiệm tation tation ullamcorper suscipit lobor viêm nnis alquip ex ea commodo hậu quả.

Thí dụ

Xin chào Worldlorem Ipsum.

Lorem ipsum...

Hãy tự mình thử »


Văn bản màu

Bạn có thể đặt màu của văn bản:

Chào thế giới

Lorem ipsum door ngồi ampe, tin cậy elit elit, sed diam nomummy nibh euismod tincidunt ut laoreet doore magna aliquum eraat volutpat. Ut wisi enm quảng cáo tối thiểu veniam, quis nostrud thí nghiệm tation tation ullamcorper suscipit lobor viêm nnis alquip ex ea commodo hậu quả.

Thí dụ

Thí dụ

Xin chào Worldlorem Ipsum.

Lorem ipsum...


Ut wisi enim...

Hãy tự mình thử »



Văn bản màu

Bạn có thể đặt màu của văn bản:

Chào thế giới

Chào thế giới

Chào thế giới

Thí dụ

Xin chào Worldlorem Ipsum.

Hello World


Hello World

Hãy tự mình thử »


Văn bản màu

Bạn có thể đặt màu của văn bản:

Lorem ipsum door ngồi ampe, tin cậy elit elit, sed diam nomummy nibh euismod tincidunt ut laoreet doore magna aliquum eraat volutpat.

Ut wisi enm quảng cáo tối thiểu veniam, quis nostrud thí nghiệm tation tation ullamcorper suscipit lobor viêm nnis alquip ex ea commodo hậu quả.

#ff6347

Xin chào thế giới ipsum ... ut wisi enm.

Màu viền

Bạn có thể đặt màu của biên giới:

Xin chào thế giới thế giới thế giới

Giá trị màu

Trong HTML, màu sắc cũng có thể được chỉ định bằng các giá trị RGB, giá trị HEX, giá trị HSL, giá trị RGBA và giá trị HSLA.

...


...

Ba yếu tố sau đây có màu nền của chúng với các giá trị RGB, HEX và HSL:

...

Hãy tự mình thử »

Văn bản màu

Bạn có thể đặt màu của văn bản:




Thuộc tính HTML style được sử dụng để thêm các kiểu vào một phần tử, chẳng hạn như màu sắc, phông chữ, kích thước, v.v.



Thuộc tính kiểu HTML

Đặt kiểu của một phần tử HTML, có thể được thực hiện với thuộc tính style.

Thuộc tính HTML style có cú pháp sau:

Bạn có thể đặt màu của biên giới:

Tài sản là một tài sản CSS. Giá trị là giá trị CSS.property is a CSS property. The value is a CSS value.

Bạn sẽ tìm hiểu thêm về CSS sau này trong hướng dẫn này.


Màu nền

Thuộc tính CSS background-color xác định màu nền cho phần tử HTML.

Thí dụ

Đặt màu nền cho một trang thành Powderblue:

Hãy tự mình thử »

Đây là một tiêu đề này là một đoạn văn.

This is a paragraph.

Hãy tự mình thử »

Đây là một tiêu đề này là một đoạn văn.

Thí dụ

Đặt màu nền cho một trang thành Powderblue:

Hãy tự mình thử »

Đây là một tiêu đề này là một đoạn văn.

This is a paragraph.

Hãy tự mình thử »

Đây là một tiêu đề này là một đoạn văn.



Hãy tự mình thử »

Đặt màu nền cho hai yếu tố khác nhau:

Thí dụ

Đặt màu nền cho một trang thành Powderblue:

This is a paragraph.

Đây là một tiêu đề này là một đoạn văn.


Hãy tự mình thử »

Đặt màu nền cho hai yếu tố khác nhau:

Thí dụ

Đây là một tiêu đề này là một đoạn văn.

This is a paragraph.

Đây là một tiêu đề này là một đoạn văn.


Hãy tự mình thử »

Đặt màu nền cho hai yếu tố khác nhau:

Thí dụ

Đây là một tiêu đề này là một đoạn văn.

This is a paragraph.

Đây là một tiêu đề này là một đoạn văn.


Hãy tự mình thử »

Đặt màu nền cho hai yếu tố khác nhau:

Thí dụ

Đặt màu nền cho một trang thành Powderblue:

Centered paragraph.

Đây là một tiêu đề này là một đoạn văn.


Hãy tự mình thử »

  • Sử dụng thuộc tính style cho các phần tử HTML kiểu dáng
  • Sử dụng background-color cho màu nền
  • Sử dụng color cho màu văn bản
  • Sử dụng font-family cho các phông chữ văn bản
  • Sử dụng font-size cho kích thước văn bản
  • Sử dụng text-align để căn chỉnh văn bản

Bài tập HTML