Thuộc tính background bằng màu sắc trong CSS

Trình soạn thảo - Thuộc tính background bằng màu sắc trong CSS

Kết quả - Thuộc tính background bằng màu sắc trong CSS

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Thuộc tính background bằng màu sắc trong CSS</title>
<style>
#bagr-color{width:100%;height:50px;margin-bottom:10px;float:left; margin-bottom:10px}
h4{margin:0px; padding:0px}
</style>
</head>
<body>

<h1>Thuộc tính background bằng màu sắc trong CSS</h1>

<h4>background:#ff0000;</h4>
<div  id="bagr-color" style="background:#ff0000;"></div>

<h4>background:blue;</h4>
<div  id="bagr-color" style="background:blue;"></div>

<h4>background:rgb(201, 76, 76);</h4>
<div  id="bagr-color" style="background:rgb(201, 76, 76);"></div>

<h4>background:rgba(201, 76, 76, 0.3);</h4>
<div  id="bagr-color" style="background:rgba(201, 76, 76, 0.3);"></div>

<h4>background:hsl(89, 43%, 51%);</h4>
<div  id="bagr-color" style="background:hsl(89, 43%, 51%);"></div>

<h4>background:hsla(89, 43%, 51%, 0.3);</h4>
<div  id="bagr-color" style="background:hsla(89, 43%, 51%, 0.3);"></div>

</body>
</html>