Hướng dẫn what is text color in css? - màu văn bản trong css là gì?

Thí dụ

Đặt màu văn bản cho các yếu tố khác nhau:

cơ thể {& nbsp; & nbsp; màu: đỏ; }
  color: red;
}

H2 {& nbsp; Màu sắc: #00FF00; }
  color: #00ff00;
}

p.ex {& nbsp; Màu sắc: RGB (0,0,255); }
  color: rgb(0,0,255);
}

Hãy tự mình thử »

Thêm ví dụ "hãy thử nó" dưới đây.

Định nghĩa và cách sử dụng

Thuộc tính color chỉ định màu của văn bản.

Mẹo: Sử dụng màu nền kết hợp với màu văn bản giúp văn bản dễ đọc. Use a background color combined with a text color that makes the text easy to read.

Đưa ra bản chạy thử ❯

Hỗ trợ trình duyệt

Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.

CSS Cú pháp

Màu sắc: Màu sắc | ban đầu | kế thừa;

Giá trị tài sản

Nhiều ví dụ hơn

Thí dụ

Đặt màu văn bản với giá trị hex:

Body {Color: #92A8D1;}

Hãy tự mình thử »

Thí dụ

Thêm ví dụ "hãy thử nó" dưới đây.

Định nghĩa và cách sử dụng

Hãy tự mình thử »

Thí dụ

Thêm ví dụ "hãy thử nó" dưới đây.

Định nghĩa và cách sử dụng

Hãy tự mình thử »

Thí dụ

Thêm ví dụ "hãy thử nó" dưới đây.

Định nghĩa và cách sử dụng

Hãy tự mình thử »

Thí dụ

Thêm ví dụ "hãy thử nó" dưới đây.

Định nghĩa và cách sử dụng

Hãy tự mình thử »

Thêm ví dụ "hãy thử nó" dưới đây.

Định nghĩa và cách sử dụng

Thuộc tính color chỉ định màu của văn bản.

Thuộc tính màu trong CSS được sử dụng để đặt màu thành văn bản, nền của trang web và cũng để đặt màu của đường viền.

CSS (bảng kiểu xếp tầng) là ngôn ngữ cho phép bạn tạo các trang web đẹp.

Cho dù bạn đang xây dựng từ đầu hay đang sử dụng CSS Bootstrap, bạn sẽ thấy kiến ​​thức về HTML và CSS hữu ích. Trong bài viết này, chúng tôi sẽ kiểm tra cách thay đổi văn bản và màu nền trong CSS.

Thuộc tính màu CSS

Thuộc tính màu CSS được sử dụng để chọn màu của văn bản, màu của nền trang web và màu của các đường viền.

Cú pháp của nó được đưa ra dưới dạng màu: màu/ban đầu/kế thừa ;.

Mặt khác, thuộc tính màu nền chỉ định màu nền của một phần tử. Thuộc tính này bao gồm toàn bộ kích thước của phần tử, bao gồm đệm và biên giới. Tuy nhiên, nó không bao gồm lề.

Cú pháp của nó là: phần tử {thuộc tính màu nền}.

Thay đổi màu văn bản trên một trang web rất dễ dàng với thuộc tính màu CSS.

• Trước khi chúng tôi xem xét cách thức mà nó cần thiết để hiểu các cách khác nhau, bạn có thể đặt giá trị tài sản. Bạn có thể dùng:
• Tên màu HTML: Có 140 tên màu được hỗ trợ trong CSS. Vàng, Fuchsia, Maroon và Sky Blue chỉ là một vài ví dụ.

• Nguồn hình ảnh

Tải xuống ngay: Hướng dẫn giới thiệu miễn phí về HTML & CSS

Mặc dù bạn có thể sử dụng bất kỳ giá trị nào trong số này, tên màu không được khuyến nghị. Họ rất khó để nhớ vượt ra ngoài cầu vồng tiêu chuẩn, nhưng họ cũng giới thiệu sự thiếu chính xác. Ví dụ, một người Lừa Fuchsia có thể là một Magenta khác có thể là một màu hồng nóng bỏng khác, v.v.

Thay vào đó, hãy sử dụng mã màu Hex hoặc giá trị RGB để đảm bảo bảng màu trang web của bạn trông giống như bạn muốn. Chúng cho phép bạn chọn màu chính xác của màu sắc bạn muốn. Chúng tôi sẽ sử dụng mã màu hex trong các ví dụ dưới đây vì chúng thân thiện hơn với người mới bắt đầu.

Bây giờ, hãy để Lừa đi qua cách thay đổi màu sắc và màu nền của văn bản nội tuyến trong CSS.

Thay đổi màu văn bản nội tuyến trong CSS

Để thay đổi màu của văn bản nội tuyến, hãy truy cập phần trang web của bạn. Chỉ cần thêm bộ chọn CSS thích hợp và xác định thuộc tính màu với giá trị bạn muốn. Ví dụ: giả sử bạn muốn thay đổi màu sắc của tất cả các đoạn trên trang web của bạn thành Hải quân. Sau đó, bạn có thể thêm p {color: #000080; } đến phần đầu của tệp HTML của bạn.

Bạn có thể tự hỏi điều gì sẽ xảy ra nếu bạn không đặt thuộc tính màu trong CSS của bạn. Đó là một câu hỏi hay. Màu văn bản mặc định cho một trang được xác định trong bộ chọn cơ thể. Ở đây, một ví dụ về bộ chọn cơ thể Cài đặt màu văn bản là màu xanh:

Mẹo chuyên nghiệp: Mã này là tương tác, hãy thử thay đổi nó để xem sự khác biệt. This code is interactive, try changing it to see the difference.

 

   body {
  color: blue;
}

Nếu không có bộ chọn cơ thể hoặc màu được xác định trong bộ chọn cơ thể, màu mặc định rất có thể là màu đen.

Vì vậy, hãy để nói rằng tôi muốn thay đổi màu sắc của các đoạn văn của mình sang Hải quân, như đã đề cập trong ví dụ trên và tất cả các liên kết trên trang web của tôi thành Aqua. Sau đó, tôi sử dụng bộ chọn loại P và bộ chọn thuộc tính A [HREF] và đặt thuộc tính màu thành #000080 và #00FFFF, tương ứng.

Ở đây, các CSS:

Mẹo chuyên nghiệp: Mã này là tương tác, hãy thử thay đổi nó để xem sự khác biệt. This code is interactive, try changing it to see the difference.

 

   p {
  color: #000080;
}

a[href] {
  color: #00FFFF;
}

Nếu không có bộ chọn cơ thể hoặc màu được xác định trong bộ chọn cơ thể, màu mặc định rất có thể là màu đen.

Mẹo chuyên nghiệp: Mã này là tương tác, hãy thử thay đổi nó để xem sự khác biệt. This code is interactive, try changing it to see the difference.

 

   <p>This is a  paragraph. The default text color was black, but I added a paragraph selector and defined the color property so it's navy.You'll see that the paragraph below is also navy, except for the link. Using a separate selector, the color of links has been changed to aqua.</p>
<p>Another paragraph that has <b><a href="default.asp" target="_blank">a link.</a></b></p>

Nếu không có bộ chọn cơ thể hoặc màu được xác định trong bộ chọn cơ thể, màu mặc định rất có thể là màu đen.

Vì vậy, hãy để nói rằng tôi muốn thay đổi màu sắc của các đoạn văn của mình sang Hải quân, như đã đề cập trong ví dụ trên và tất cả các liên kết trên trang web của tôi thành Aqua. Sau đó, tôi sử dụng bộ chọn loại P và bộ chọn thuộc tính A [HREF] và đặt thuộc tính màu thành #000080 và #00FFFF, tương ứng.

Ở đây, các CSS:

Ở đây, HTML:

Đây là kết quả:CSS selector and define the color and background-color property with the values you want. Say you want to change the background color of links to yellow. Then you’d add the following code: 

Mẹo chuyên nghiệp: Mã này là tương tác, hãy thử thay đổi nó để xem sự khác biệt. This code is interactive, try changing it to see the difference.

 

  a[href] {
   color: #000000;
   background-color: #FFFF00;
}

Nếu không có bộ chọn cơ thể hoặc màu được xác định trong bộ chọn cơ thể, màu mặc định rất có thể là màu đen.

Vì vậy, hãy để nói rằng tôi muốn thay đổi màu sắc của các đoạn văn của mình sang Hải quân, như đã đề cập trong ví dụ trên và tất cả các liên kết trên trang web của tôi thành Aqua. Sau đó, tôi sử dụng bộ chọn loại P và bộ chọn thuộc tính A [HREF] và đặt thuộc tính màu thành #000080 và #00FFFF, tương ứng.change the background color of an HTML element. You can set the background color for many elements, including a table, div, heading, and span element.

Ở đây, các CSS:

Ở đây, HTML:

Đây là kết quả:web accessibility on your website.

Xem bút thay đổi màu văn bản nội tuyến trong CSS của HubSpot (@HubSpot) trên Codepen.

Bạn có thể sử dụng quy trình tương tự này để thay đổi màu của các tiêu đề, thẻ nhịp, sao chép nút và bất kỳ văn bản nào khác trên một trang. Bây giờ, hãy để nhìn vào cách thay đổi màu nền của văn bản.

Thay đổi màu nền văn bản trong CSS

Để thay đổi màu nền của văn bản nội tuyến, đi đến phần. Chỉ cần thêm bộ chọn CSS thích hợp và xác định thuộc tính màu và màu nền với các giá trị bạn muốn. Giả sử bạn muốn thay đổi màu nền của các liên kết thành màu vàng. Sau đó, bạn có thể thêm mã sau: & nbsp;

Màu nền CSS

Thuộc tính màu nền CSS cho phép bạn thay đổi màu nền của phần tử HTML. Bạn có thể đặt màu nền cho nhiều yếu tố, bao gồm một bảng, div, tiêu đề và phần tử nhịp.

Khi xác định thuộc tính màu, bạn cũng nên xác định màu nền. Nó cần thiết để tuân thủ W3C CSS và các khung khác, và nó không bị tổn thương.

Ở đây, các CSS:

Mẹo chuyên nghiệp: Mã này là tương tác, hãy thử thay đổi nó để xem sự khác biệt. This code is interactive, try changing it to see the difference.

 

   a[href] {
  color: #940000;
  background-color: #E0E0E0;
  text-decoration: none;
}

Ở đây, HTML:

Mẹo chuyên nghiệp: Mã này là tương tác, hãy thử thay đổi nó để xem sự khác biệt. This code is interactive, try changing it to see the difference.

 

   <p>This is a  paragraph. The default text color is black. You'll see that the paragraph below is also black, except for the link. Using an attribute selector, I've set the color, background color, and text decoration property so that it appears with a reddish font color, gray background, and no underline.</p>
<p>Another paragraph that has <b><a href="default.asp" target="_blank">a link</a></b>.</p>

Ở đây, HTML:

Đây là kết quả:

Xem bút thay đổi màu nền văn bản trong CSS của HubSpot (@HubSpot) trên CodePen.

Thêm màu vào trang web của bạn

Thay đổi màu sắc và màu nền của văn bản trên trang web của bạn là dễ dàng. Với một số kiến ​​thức về CSS và HTML, bạn sẽ dễ dàng xây dựng hoặc tạo trang web của mình dễ dàng hơn.

Tuy nhiên, sẽ dành thời gian để tìm hiểu tên và mã màu và cách kết hợp chúng để làm cho trang web của bạn và các tài sản thế chấp tiếp thị khác có thể truy cập được - cho bạn một lý do khác để bắt đầu thêm màu vào trang web của bạn ngày hôm nay.

Màu văn bản giải thích là gì?

Màu văn bản trong HTML là gì?

Làm thế nào để bạn làm màu phông chữ trong CSS?

Thẻ màu trong CSS là gì?