<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Colors in CSS</title>
<style>
#firstparagraph {
color: red; /*color by name*/
}
#secondparagraph {
color:rgb(127,1,59) /*color by rgb*/
}
#thirdparagraph {
color: #ed1561; /* color by hex valu*/
background-color: #ff34ff; /* color by hex value*/
}
</style>
</head>
<body>
<h3> This is my First box </h3>
<p id="firstparagraph"> This a paragraph from first Box </p>
<h3> This is my First box </h3>
<p id="secondparagraph"> This a paragraph from second Box </p>
<h3> This is my First box </h3>
<p id="thirdparagraph"> This a paragraph from third Box </p>
</body>
</html>