46. Color Keyword trong CSS

Color Keyword trong CSS: có một số từ khóa màu sắc đã được đặt tên để biểu thị màu cơ bản một cách dễ nhận biết. Dưới đây là một số ví dụ về các từ khóa màu sắc và cách sử dụng chúng:

1. Red (Đỏ):

css

.red-text {
  color: red;
}

2. Green (Xanh lá cây):

css

.green-text {
  color: green;
}

3. Blue (Xanh dương):

css

.blue-text {
  color: blue;
}

4. Yellow (Vàng):

css

.yellow-text {
  color: yellow;
}

5. Orange (Cam):

css

.orange-text {
  color: orange;
}

6. Purple (Tím):

css

.purple-text {
  color: purple;
}

7. Pink (Hồng):

css

.pink-text {
  color: pink;
}

8. Brown (Nâu):

css

.brown-text {
  color: brown;
}

9. Gray (Xám):

css

.gray-text {
  color: gray;
}

10. Black (Đen):

css

.black-text {
  color: black;
}

11. White (Trắng):

css

.white-text {
  color: white;
  background-color: black; /* Để hiển thị văn bản trắng trên nền đen */
}

Nhớ rằng, sử dụng các từ khóa màu sắc này có thể giúp bạn dễ dàng thay đổi màu văn bản hoặc màu nền trong thiết kế của bạn. Tuy nhiên, hãy lưu ý rằng các từ khóa này có thể không đảm bảo màu sắc giống nhau trên tất cả các trình duyệt hoặc thiết bị. Để đạt được sự nhất quán tốt hơn, hãy cân nhắc sử dụng mã HEX, RGB, RGBA hoặc HSL khi cần thiết.