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:

<div class="w3-row w3-center" style="margin:0 -16px;line-height:80px;color:white;">
  <div class="w3-col l3 m6">
    <div style="background-color:tomato;">Tomato</div>
  </div>
  <div class="w3-col l3 m6">
    <div style="background-color:orange;">Orange</div>
  </div>
  <div class="w3-col l3 m6">
    <div style="background-color:dodgerblue;">DodgerBlue</div>
  </div>
  <div class="w3-col l3 m6">
    <div style="background-color:mediumseagreen;">MediumSeaGreen</div>
  </div>
  <div class="w3-col l3 m6">
    <div style="background-color:gray;">Gray</div>
  </div>
  <div class="w3-col l3 m6">
    <div style="background-color:slateblue;">SlateBlue</div>
  </div>
  <div class="w3-col l3 m6">
    <div style="background-color:violet;">Violet</div>
  </div>
  <div class="w3-col l3 m6">
    <div style="background-color:lightgray;color:#444444">LightGray</div>
  </div>
</div>

Màu nền CSS

Bạn có thể đặt màu nền cho các thành phần HTML:

<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:

<h3 style="color:tomato">Hello World</h3>
<p style="color:dodgerblue">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<p style="color:mediumseagreen">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>

<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

<h2 style="border: 2px solid Tomato;">Hello World</h2>
<h2 style="border: 2px solid DodgerBlue;">Hello World</h2>
<h2 style="border: 2px solid Violet;">Hello World</h2>

<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>