Bạn đang xem : màu văn bản trong div

Các tiện ích để kiểm soát màu văn bản của một phần tử.

Cách sử dụng cơ bản

Đặt màu văn bản

Kiểm soát màu văn bản của một phần tử bằng cách sử dụng text- {color} tiện ích.

Cáo nâu nhanh nhẹn nhảy qua con chó lười biếng.

   

Thay đổi độ mờ

Kiểm soát độ mờ của văn bản phần tử màu sắc bằng cách sử dụng công cụ sửa đổi độ mờ màu.

Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng.

Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng.

Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng.

Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng.

   

Bạn có thể sử dụng bất kỳ giá trị nào được xác định trong thang độ mờ của mình hoặc sử dụng các giá trị tùy ý nếu bạn cần lệch khỏi mã thông báo thiết kế của mình.

  

& lt;

p

class

=

"

text-blue-600

/ [. 06]

"

& gt;

Màu nâu nhanh cáo ...

& lt; /

p

& gt;

Áp dụng có điều kiện

Di chuột, lấy nét và các trạng thái khác

Tailwind cho phép bạn áp dụng có điều kiện các lớp tiện ích ở các trạng thái khác nhau bằng cách sử dụng công cụ sửa đổi biến thể. Ví dụ: sử dụng hover: text-blue-600 để chỉ áp dụng tiện ích text-blue-600 khi di chuột.

Hãy thử di chuột qua văn bản để xem hành vi mong đợi

Cáo nâu nhanh nhẹn nhảy qua con chó lười biếng.

   

Để có danh sách đầy đủ tất cả các trạng thái có sẵn bổ trợ, hãy xem Di chuột, Tiêu điểm & amp; Tài liệu khác của các Tiểu bang .

Điểm ngắt và truy vấn phương tiện

Bạn cũng có thể sử dụng công cụ sửa đổi biến thể để nhắm mục tiêu các truy vấn phương tiện như điểm ngắt đáp ứng, chế độ tối , thích-giảm-chuyển-động, và hơn thế nữa. Ví dụ: sử dụng md: text-green-600 để áp dụng tiện ích text-green-600 chỉ ở kích thước màn hình trung bình trở lên.

  

& lt;

p

class

=

"

text-blue-600

md: text-green-600

"

& gt;

& lt; /

p

& gt;

Để tìm hiểu thêm, hãy xem tài liệu về Thiết kế đáp ứng , Chế độ tối các công cụ sửa đổi truy vấn phương tiện khác .

Sử dụng các giá trị tùy chỉnh

Tùy chỉnh chủ đề của bạn

Theo mặc định, Tailwind cung cấp toàn bộ bảng màu mặc định dưới dạng màu văn bản. Bạn có thể tùy chỉnh bảng màu của mình bằng cách chỉnh sửa theme.colors hoặc theme.extend.colors trong tailwind.config.js tệp.

tailwind.config.js

  

mô-đun

.

xuất

= < / p>

{

chủ đề

:

{

mở rộng

:

{

màu sắc

:

{

'regal-blue'

:

'# 243c5a'

,

}

,

}

}

}

Ngoài ra, bạn có thể chỉ tùy chỉnh màu văn bản của mình bằng cách chỉnh sửa chủ đề . textColor hoặc theme.extend. textColor trong tệp tailwind.config.js của bạn.

Tìm hiểu thêm về cách tùy chỉnh chủ đề mặc định trong tài liệu tùy chỉnh chủ đề .

Giá trị tùy ý

Nếu bạn cần sử dụng giá trị color một lần không hợp lý để đưa vào chủ đề của mình, hãy sử dụng ô vuông dấu ngoặc để tạo thuộc tính nhanh chóng bằng cách sử dụng bất kỳ giá trị tùy ý nào.

  

& lt;

p

lớp

=

"

text - [# 50d71e]

"

& gt;

& lt; /

p

& gt;

Tìm hiểu thêm về hỗ trợ giá trị tùy ý trong tài liệu giá trị tùy ý .


Xem thêm những thông tin liên quan đến chủ đề màu văn bản trong div

how to Change div background text color on every few seconds javascript

  • Tác giả: Haritha Computers & Technology
  • Ngày đăng: 2019-03-16
  • Đánh giá: 4 ⭐ ( 9337 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: divbackgroundcolor textcolorchange divchangecolor

    change background and text color of the div automatically on every few seconds using javascript

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

  • Tác giả: www.wikihow.vn
  • Đánh giá: 4 ⭐ ( 5096 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: 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ẻ 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ẽ...

Div là gì? Cách dùng thẻ div trong HTML từ A đến Z - Blog

  • Tác giả: vn.got-it.ai
  • Đánh giá: 4 ⭐ ( 5272 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Thẻ div là một thẻ được dùng nhiều trong HTML. Cụ thể khái niệm thẻ div là gì, nhiệm vụ của thẻ div và những lưu ý đặc biệt khi sử dụng thẻ div trong HTML là gì? Cùng tìm hiểu sau đây.

Bảng mã màu đẹp trong html, css, thiết kế, RGB

  • Tác giả: questekvietnam.vn
  • Đánh giá: 3 ⭐ ( 3971 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bảng mã màu đẹp trong html, css, thiết kế, RGB

Hướng dẫn cơ bản về cách sử dụng thẻ DIV trong thiết kế giao diện Web

  • Tác giả: www.dammio.com
  • Đánh giá: 3 ⭐ ( 6678 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Thay đổi màu của văn bản

  • Tác giả: niithanoi.edu.vn
  • Đánh giá: 4 ⭐ ( 8586 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Học cách sử dụng thuộc tính color trong CSS để thay đổi màu sắc cho văn bản trong HTML.

Thuộc tính Màu sắc trong CSS

  • Tác giả: laptrinhvienphp.com
  • Đánh giá: 3 ⭐ ( 9279 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong bài hướng dẫn tự học CSS này, bạn sẽ tìm hiểu các phương pháp định nghĩa các giá trị màu khác nhau trong CSS theo 3 cách khác nhau

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  DATEDIFF (Transact-SQL) - Máy chủ SQL - sự khác biệt giữa hai ngày sql

By ads_php