Màu CSS
Màu sắc được chỉ định bằng cách sử dụng tên màu xác định trước hoặc giá trị RGB, HEX, HSL, RGBA, HSLA.
Tên màu CSS
Trong CSS, một màu có thể được chỉ định bằng cách sử dụng tên màu được xác định trước:
Cà chua
trái cam
DodgerBlue
MediumSeaGreen
xám
Màu xanh đá phiến
màu tím
Xám nhạt
CSS / HTML hỗ trợ 140 tên màu tiêu chuẩn .
Màu nền CSS
Bạn có thể đặt màu nền cho các phần tử HTML:
Chào thế giới
Nỗi đau chính là tình yêu Đó là lý do tại sao điều đó xảy ra một cách nhỏ nhặt nhất, những người mà hoạt động bình thường của chúng ta phải gánh chịu để tận dụng những hậu quả
Thí dụ
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem
ipsum...</p>
Màu văn bản CSS
Bạn có thể đặt màu của văn bản:
Chào thế giới
Nỗi đau chính là tình yêu
Đó là lý do tại sao điều đó xảy ra một cách nhỏ nhặt nhất, những người mà hoạt động bình thường của chúng ta phải gánh chịu để tận dụng những hậu quả
Thí dụ
<h1 style="color:Tomato;">Hello
World</h1>
<p style="color:DodgerBlue;">Lorem
ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi
enim...</p>
Màu viền CSS
Bạn có thể đặt màu của đường viền:
Chào thế giới
Chào thế giới
Chào thế giới
Thí dụ
<h1 style="border:2px
solid Tomato;">Hello
World</h1>
<h1 style="border:2px
solid DodgerBlue;">Hello
World</h1>
<h1 style="border:2px
solid Violet;">Hello
World</h1>
Giá trị màu CSS
Trong CSS, màu cũng có thể được chỉ định bằng giá trị RGB, giá trị HEX, giá trị HSL, giá trị RGBA và giá trị HSLA:
Giống với tên màu "Tomato":
rgb (255, 99, 71)
# ff6347
hsl (9, 100%, 64%)
Giống với tên màu "Tomato", nhưng trong suốt 50%:
rgba (255, 99, 71, 0,5)
hsla (9, 100%, 64%, 0,5)
Thí dụ
<h1 style="background-color:rgb(255,
99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9,
100%, 64%);">...</h1>
<h1 style="background-color:rgba(255,
99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9,
100%, 64%, 0.5);">...</h1>