<!DOCTYPE html>
<html>
<head>
<title>CSS background-color Property</title>
<style type="text/css">
.first {
background-color: orange;
}
.second {
background-color: #ffa700;
}
.third {
background-color: rgb(255, 167, 0);
}
.four {
background-color: rgb(255, 167, 0, 0.9);
}
.five {
background-color: hsl(39, 100%, 50%);
}
.six {
background-color: hsl(39, 100%, 50%, 0.9);
}
p {
padding: 10px 20px;
}
</style>
</head>
<body>
<p class="first">This text background color orange.</p>
<p class="second">This text background color orange.</p>
<p class="third">This text background color orange.</p>
<p class="four">This text background color orange.</p>
<p class="five">This text background color orange.</p>
<p class="six">This text background color orange.</p>
</body>
</html>
