Làm cách nào để thay đổi màu văn bản của bảng trong HTML mà không cần CSS?

Khi bạn viết mã HTML và thêm một số văn bản, bạn không muốn để nó như vậy. Bạn muốn làm cho văn bản đó trông đẹp

Và để làm được điều đó, bạn cần thay đổi diện mạo của chúng thông qua thuộc tính color và

<h1>freeCodeCamp</h1>

Trong hướng dẫn này, tôi sẽ chỉ cho bạn hai cách khác nhau để bạn có thể làm cho văn bản HTML của mình trông đẹp mắt.

Cú pháp <h1>freeCodeCamp</h1> 0 cơ bản

selector {
     font-size: value;
     color: value;
}

Cách thay đổi kích thước văn bản và màu văn bản trong thẻ HTML

Bạn có thể thay đổi màu sắc và kích thước của văn bản ngay bên trong thẻ của nó bằng các thuộc tính color và font-size. Điều này được gọi là CSS nội tuyến. Bạn làm điều đó với thuộc tính style trong HTML

Trong mã HTML bên dưới, chúng tôi sẽ thay đổi màu sắc và kích thước của văn bản freeCodeCamp

<h1>freeCodeCamp</h1>

body {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

Nó trông như thế này trong trình duyệt

Để thay đổi kích thước của văn bản, bạn sẽ sử dụng thuộc tính style, sau đó đặt giá trị bằng thuộc tính

<h1>freeCodeCamp</h1>

<h1 style="font-size: 4rem">freeCodeCamp</h1>

Văn bản bây giờ trông như thế này trong trình duyệt

Nếu bạn đang thắc mắc 4rem là gì, là đơn vị đo. Nó giống như 64 pixel, bởi vì 16px tạo ra 1rem trừ khi bạn thay đổi gốc

<h1>freeCodeCamp</h1>

<h1>freeCodeCamp</h1>

Để thay đổi màu của văn bản, bạn có thể sử dụng thuộc tính kiểu, sau đó đặt giá trị bằng thuộc tính màu

<h1 style="color: #2ecc71">freeCodeCamp</h1>

Đây là những gì chúng tôi hiện có trong trình duyệt

Kết hợp các thuộc tính

<h1>freeCodeCamp</h1>

với mã

<h1 style="font-size: 4rem; color: #2ecc71">freeCodeCamp</h1>

Cách thay đổi kích thước văn bản và màu văn bản trong tệp CSS bên ngoài

Bạn cũng có thể thay đổi màu sắc và kích thước của văn bản trong biểu định kiểu bên ngoài. Quan trọng nhất, bạn phải liên kết CSS bên ngoài trong phần đầu của HTML của mình

Cú pháp cơ bản để làm nó trông như thế này

<link rel="stylesheet" href="path-to-css-file">

Bây giờ, để thay đổi kích thước và màu văn bản của văn bản freeCodeCamp, bạn cần chọn nó trong biểu định kiểu và áp dụng các thuộc tính và giá trị thích hợp cho nó

Hãy nhớ rằng đây là mã HTML đơn giản của chúng tôi

<h1>freeCodeCamp</h1>

Bạn có thể thay đổi màu sắc và kích thước của văn bản bằng cách chọn phần tử (h1) và gán giá trị cho các thuộc tính màu sắc và cỡ chữ

 h1 {
    color: #2ecc71;
    font-size: 4rem;
}

Chúng tôi có kết quả tương tự trong trình duyệt

Phần kết luận

Tôi hy vọng hướng dẫn này cung cấp cho bạn kiến ​​thức để có thể thay đổi kích thước và màu sắc của văn bản HTML để bạn có thể làm cho chúng trông đẹp hơn

Cảm ơn bạn đã đọc và tiếp tục mã hóa

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

Kolade Chris

Nhà phát triển web và nhà văn kỹ thuật tập trung vào các công nghệ giao diện người dùng

Nếu bạn đọc đến đây, hãy tweet cho tác giả để cho họ thấy bạn quan tâm. Tweet một lời cảm ơn

Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu

Sử dụng thuộc tính màu trong HTML để hiển thị màu của văn bản

Lưu ý - Thuộc tính này không được hỗ trợ trong HTML5

Thí dụ

Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách triển khai thuộc tính màu trong HTML –

   
      HTML Background Colors
   
   
      
         
            
         
      
               
This is demo text.
            
   

Làm cách nào để thay đổi màu văn bản trong bảng HTML mà không cần CSS?

Làm cách nào để thay đổi màu phông chữ của dữ liệu bảng trong HTML?

Làm cách nào để thay đổi màu văn bản trong HTML?

Làm cách nào để sử dụng kiểu phông chữ trong HTML mà không cần CSS?