Cách để Đổi màu văn bản trong HTML

Mặc dù bạn có thể thay đổi màu sắc văn bản bằng cách sử dụng thẻ <font> trong HTML, nhưng cách này không còn được hỗ trợ trên HTML5. Thay vào đó, bạn nên sử dụng CSS cơ bản để xác định màu sắc mà văn bản sẽ hiển thị trong các thành tố khác nhau trên trang web. CSS cũng sẽ đảm bảo cho trang web của bạn tương thích được với mọi trình duyệt.

Sử dụng thuộc tính kiểu nội tuyến

  1. Tiêu đề ảnh 157292 9
    1
    Mở tập tin HTML lên. Bạn có thể sử dụng thuộc tính kiểu nội tuyến để thay đổi một thành tố duy nhất trong trang. Cách này có thể hữu dụng nếu bạn muốn nhanh chóng đổi kiểu một hoặc hai thành tố, nhưng nó không được khuyến khích để áp dụng trên diện rộng. Đối với những thay đổi một cách toàn diện về kiểu, bạn nên sử dụng phương pháp trước.[2]
     
  2. Tiêu đề ảnh 157292 10
    2
    Tìm thành tố mà bạn muốn thay đổi trong tệp. Bạn có thể sử dụng thuộc tính kiểu nội tuyến để đổi màu chữ với bất kỳ thành tố nào. Chẳng hạn, nếu bạn muốn đổi màu một đề mục cụ thể, xác định vị trí đề mục đó: 
     <!DOCTYPE html> <html> <body> <h1>Đây là đề mục mà bạn muốn đổi màu</h1> </body> </html> 
     
  3. Tiêu đề ảnh 157292 11
    3
    Thêm thuộc tính kiểu cho thành tố. Gõ style="" bên trong thẻ mở cho thành tố mà bạn muốn thay đổi: 
     <!DOCTYPE html> <html> <body> <h1 style="">Đây là đề mục mà bạn muốn đổi màu</h1> </body> </html> 
     
  4. Tiêu đề ảnh 157292 12
    4
    Nhập thuộc tính color: vào trong dấu"". Ví dụ: 
     <!DOCTYPE html> <html> <body> <h1 style="color:">Đây là đề mục mà bạn muốn đổi màu</h1> </body> </html> 
     
  5. Tiêu đề ảnh 157292 13
    5
    Gõ màu sắc mà bạn muốn gán cho văn bản. Có ba cách biểu đạt màu sắc. Bạn có thể gõ tên màu sắc bằng tiếng Anh, nhập giá trị RGB hoặc là giá trị hex. Chẳng hạn, để đổi văn bản thành màu vàng, bạn có thể gõ yellow;rgb(255,255,0); hoặc #FFFF00;
     <!DOCTYPE html> <html> <body> <h1 style="color:#FFFF00;">Đề mục này bây giờ sẽ là màu vàng</h1> </body> </html>

Nguồn: https://www.wikihow.vn/%C4%90%E1%BB%95i-m%C3%A0u-v%C4%83n-b%E1%BA%A3n-trong-HTML