Màu CSS
Màu sắc được chỉ định bằng cách sử dụng tên màu được xác định trước hoặc các giá trị RGB, HEX, HSL, RGBA, HSLA.
Tên màu CSS
Trong CSS, màu có thể được chỉ định bằng cách sử dụng tên màu được xác định trước:
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 thành phần HTML:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Với điều kiện tối thiểu là có thể thực hiện được, điều này sẽ không thể thực hiện được khi bạn bị lobortis lobortis và không có đủ tiền sau mỗi giao dịch.
Ví dụ
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem
ipsum...</p>
Hãy tự mình thử »
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
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Với điều kiện tối thiểu là có thể thực hiện được, điều này sẽ không thể thực hiện được khi bạn bị lobortis lobortis và không có đủ tiền sau mỗi giao dịch.
Ví dụ
<h1 style="color:Tomato;">Hello
World</h1>
<p style="color:DodgerBlue;">Lorem
ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi
enim...</p>
Hãy tự mình thử » Màu đường 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
Ví 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>
Hãy tự mình thử »Giá trị màu CSS
Trong CSS, màu sắc 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 như tên màu "Cà chua":
Giống như tên màu "Cà chua", nhưng trong suốt 50%:
Ví 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>
Hãy tự mình thử »