Cách đặt Văn bản và Màu nền trước với Thuộc tính Màu của Biểu định kiểu xếp chồng

Tháng Tư 29, 2024

Bạn có thể kiểm soát màu của văn bản trên trang web hoặc một phần (hoặc thành phần) của trang web với thuộc tính màu Cascading Style Sheets. Bên cạnh việc kiểm soát màu văn bản, bạn cũng có thể sử dụng thuộc tính màu CSS để đặt màu cho quy tắc ngang và thành phần biểu mẫu. Chúng ta hãy xem một ví dụ sử dụng thuộc tính màu để đặt văn bản trong phần mở đầu

và đóng cửa

các thẻ thành màu đen và màu cho phần tử thành màu đỏ.

Mã CSS cơ bản

Thí dụ

văn bản ở đây

địa chỉ email của bạn

…

Mỗi quy tắc CSS chứa một bộ chọn và một khối khai báo. Khối khai báo CSS được đặt giữa mở dấu ngoặc nhọn {và đóng} và chứa một hoặc nhiều cặp giá trị thuộc tính cho mỗi bộ chọn.

Bộ chọn

p
hình thức

Quy tắc CSS đầu tiên trong ví dụ của chúng tôi kiểm soát màu cho văn bản giữa bất kỳ

thẻ trên trang web của chúng tôi. Các p trong

Thẻ là công cụ chọn cho quy tắc này và yêu cầu trình duyệt đặt văn bản thành màu đen. Quy tắc thứ hai sử dụng bộ chọn thành phần biểu mẫu cho thẻ để đặt màu của văn bản "Địa chỉ email của bạn" thành màu đỏ.

Tính chất

màu sắc:

Thuộc tính màu là thuộc tính đặt màu cho văn bản và màu nền trước. Trong ví dụ của chúng tôi, thuộc tính màu đang được sử dụng để đặt màu cho cả hai thành phần p và biểu mẫu. Lưu ý rằng tên thuộc tính được theo sau bởi dấu hai chấm (:).

Giá trị

#000000;
màu đỏ;

Bạn có thể sử dụng tên màu, mã màu thập lục phân hoặc mã màu RGB để đặt giá trị màu. Trong ví dụ của chúng tôi, chúng tôi đã sử dụng mã màu thập lục phân (# 000000) cho phần tử p và tên màu (màu đỏ) cho phần tử biểu mẫu. Chúng tôi cũng có thể sử dụng mã màu rgb RGB (100%, 0%, 0%). Lưu ý rằng giá trị màu được theo sau bởi dấu chấm phẩy (;).

Video HướNg DẫN: The future we're building -- and boring | Elon Musk (Tháng Tư 2024).

Cách đặt thuộc tính văn bản và màu nền trước với thuộc tính màu Cascading Style Sheets, thuộc tính màu HTML, CSS, cách sử dụng thuộc tính màu, cách đặt màu của văn bản trên trang web bằng CSS, cách đặt màu của quy tắc ngang trên trang web có CSS, cách sử dụng CSS để đặt màu của phần tử biểu mẫu

Bài TrướC

TiếP Theo Bài ViếT

Bài ViếT Liên Quan

máy tính

Bạn xuất bản loại bản tin nào

Tháng Tư 2024

Loại bản tin hoặc ezine nào bạn xuất bản? Nó bao gồm những ngành công nghiệp hoặc thích hợp? Các thành phần cơ bản hoặc nội dung thường xuyên đặc trưng là gì? Có nhiều loại bản tin có thể được tạo,...

máy tính

Trình đọc sách điện tử của Nook ~ Barnes & Noble

Tháng Tư 2024

Cái nôi ~ Barnes & Noble Nook, trình đọc sách điện tử chạy Android đầu tiên, đã có một khởi đầu mạnh mẽ. Tuy nhiên, sau sáu tháng nâng cấp firmware, Nook là một lựa chọn thực sự trên thị trường. ...