Hướng dẫn what are css color and its properties? - Màu css là gì và tính chất của nó?

Hướng dẫn what are css color and its properties? - Màu css là gì và tính chất của nó?


Hướng dẫn CSS này giải thích cách sử dụng thuộc tính CSS được gọi là màu với cú pháp và ví dụ.color with syntax and examples.

Sự mô tả

Thuộc tính màu CSS xác định màu nền trước của nội dung văn bản cho một phần tử.

Cú pháp

Cú pháp cho thuộc tính CSS màu là:

color: value;

Tham số hoặc đối số

giá trị

Màu tiền cảnh của nội dung văn bản của yếu tố. Nó có thể là một trong những điều sau đây:

Giá trịSự mô tả
Thuộc tính màu CSS xác định màu nền trước của nội dung văn bản cho một phần tử.Cú pháp
p { color: #FF0000; }
Cú pháp cho thuộc tính CSS màu là:Tham số hoặc đối số
p { color: rgb(255,0,0); }
giá trịMàu tiền cảnh của nội dung văn bản của yếu tố. Nó có thể là một trong những điều sau đây:
p { color: red; }
Giá trị#Rrggbb
p { color: inherit; }

Biểu diễn thập lục phân của màu p {màu: #ff0000; }

  • RGB ()
  • Biểu diễn RGB của màu p {màu: RGB (255,0,0); }
  • Tên
  • Tên của màu (tức là: đỏ, xanh, đen, trắng) p {màu: màu đỏ; }
  • thừa kế

Phần tử sẽ kế thừa màu từ phần tử mẹ của nó p {color: kế thừa; }

Ghi chú

  • Giá trị trong thuộc tính màu CSS có thể được biểu thị dưới dạng giá trị thập lục phân, giá trị RGB hoặc là màu được đặt tên.
  • Các giá trị màu có thể được thể hiện bằng các giá trị thập lục phân như #FFFFFF, #000000 và #FF0000.
  • Các giá trị màu có thể được biểu thị bằng cách sử dụng RGB như RGB (255,255,255), RGB (0,0,0) và RGB (255,0,0).
  • Giá trị màu có thể được thể hiện dưới dạng các màu được đặt tên như trắng, đen và đỏ.
  • Cần chuyển đổi giá trị màu của bạn thành một đại diện khác? Hãy thử công cụ trực tuyến này để chuyển đổi giá trị màu của bạn giữa thập lục phân và RGB.
  • tính tương thích của trình duyệt web
  • Thuộc tính màu CSS có hỗ trợ cơ bản với các trình duyệt sau:
  • Trình duyệt Chrome
  • Android
  • Firefox (Gecko)

Firefox Mobile (Gecko)

Internet Explorer (IE)

Tức là điện thoại

Opera

p { color: #000000; }

Opera Mobile

Safari (Webkit)

Safari Mobile

p { color: rgb(0,0,0); }

Thí dụ

Chúng tôi sẽ thảo luận về thuộc tính màu dưới đây, khám phá các ví dụ về cách sử dụng thuộc tính này trong CSS.

Sử dụng thập lục phân

p { color: black; }

Hãy xem xét một ví dụ màu CSS nơi chúng tôi đã cung cấp giá trị thập lục phân cho màu.

Trong ví dụ màu CSS này, chúng tôi đã cung cấp giá trị thập lục phân là #000000 sẽ hiển thị văn bản cho thẻ màu đen.

Sử dụng RGB

Chúng tôi cũng có thể cung cấp giá trị màu bằng RGB.Trong ví dụ màu CSS này, RGB (0,0,0) cũng sẽ hiển thị văn bản cho thẻ màu đen.Sử dụng tên màu
Chúng ta hãy xem một ví dụ màu CSS nơi chúng ta đã cung cấp giá trị dưới dạng màu được đặt tên.Trong ví dụ màu CSS này, chúng tôi đã cung cấp tên "Đen" cũng sẽ đặt màu nền trước của văn bản thành màu đen.Tên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu

Chúng tôi cũng có thể cung cấp giá trị màu bằng RGB.Trong ví dụ màu CSS này, RGB (0,0,0) cũng sẽ hiển thị văn bản cho thẻ màu đen.Sử dụng tên màu
Chúng ta hãy xem một ví dụ màu CSS nơi chúng ta đã cung cấp giá trị dưới dạng màu được đặt tên.Trong ví dụ màu CSS này, chúng tôi đã cung cấp tên "Đen" cũng sẽ đặt màu nền trước của văn bản thành màu đen.Tên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Dưới đây là danh sách các tên màu để chọn:Tên màuTên màu
Mediumpurple#9370D8& nbsp;
Trung bình#3CB371& nbsp;
Trung bình#3CB371& nbsp;
Trung bình#3CB371& nbsp;
Trung bình#3CB371& nbsp;
Trung bình#3CB371& nbsp;
Trung bình#3CB371& nbsp;
Trung bình#3CB371& nbsp;
MediumSlateblue#7b68ee& nbsp;
Mediumspringgreen#00FA9A& nbsp;
MediumTurquoise#48d1cc& nbsp;
Mediumvioletred#C71585& nbsp;
màu xanh nửa đêm#191970& nbsp;
Mintcream#F5fffa& nbsp;
Mistyrose#Ffe4e1& nbsp;
Gianh cao#Ffe4b5& nbsp;
Navajowhite#Ffdead& nbsp;
Hải quân#000080& nbsp;
Oldlace#Fdf5e6& nbsp;
Ôliu#808000& nbsp;
Màu xám ô liu#6b8e23& nbsp;
trái cam#FFA500& nbsp;
cam#FF4500& nbsp;
Hoa lan#DA70D6& nbsp;
Palegoldenrod#EEE8AA& nbsp;
Palegreen#98FB98& nbsp;
Paleturquoise#Afeeee& nbsp;
nhợt nhạt#D87093& nbsp;
đu đủ#FFEFD5& nbsp;
Peachpuff#Ffdab9& nbsp;
Peru#CD853F& nbsp;
Hồng#Ffc0cb& nbsp;
mận#DDA0DD& nbsp;
Powderblue#B0E0E6& nbsp;
màu đỏ tía#800080& nbsp;
màu đỏ#FF0000& nbsp;
Rosybrown#BC8F8F& nbsp;
xanh đậm#4169e1& nbsp;
Yên xe màu nâu#8B4513& nbsp;
Cá hồi#FA8072& nbsp;
Sandybrown#F4A460& nbsp;
Biển#2E8B57& nbsp;
vỏ sò#2E8B57& nbsp;
vỏ sò#Fff5ee& nbsp;
Sienna#A0522D& nbsp;
màu bạc#C0C0C0& nbsp;
trời xanh#87Ceeb& nbsp;
màu xanh đá phiến#6a5acd& nbsp;
phiến đá xám#708090& nbsp;
Slategreytuyết& nbsp;
#FffafaXuân xanh& nbsp;
#00ff7fmàu xanh thép& nbsp;
#4682b4làn da rám nắng& nbsp;
#D2B48Cteal& nbsp;
#008080Thánh địa& nbsp;
#D8BFD8cà chua& nbsp;
#FF6347màu ngọc lam& nbsp;

#40e0d0

Thuộc tính cơ bản của CSS..
Thuộc tính văn bản ..
Danh sách thuộc tính ..
Thuộc tính biên giới ..
Thuộc tính phông chữ ..

Các thuộc tính của màu sắc là gì?

Mỗi màu có thể được mô tả về mặt có ba thuộc tính chính: màu sắc, độ bão hòa và độ sáng.hue, saturation and brightness.

Ví dụ thuộc tính CSS là gì?

Thuộc tính CSS gán một kiểu hoặc hành vi cho phần tử HTML.Các ví dụ bao gồm: màu sắc, đường viền, lề, kiểu phông chữ và biến đổi.color, border, margin, font-style, and transform.

Việc sử dụng thuộc tính màu là gì?

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.to set the color to text, the background of the webpage, and also to set the color of borders.