Color Systems
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="ColorSystems.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Color Systems</title>
</head>
<body>
<h1>Fight club</h1>
<h2>Shutter Island</h2>
<h3>Dark Knight</h3>
<h4>TROY</h4>
<h5>Avengers</h5>
<h6>Inception</h6>
<p>Deadpool</p>
<button>select</button>
</body>
</html>
CSS
h1 {
/* NAMED COLORS */
color: blue;
background-color: grey;
}
/* RGB COLORS */
h2 {
color: rgb(255, 0, 0);
background-color: rgb(23, 98, 88);
}
h3 {
color: rgb(0, 0, 255);
background-color: rgb(12, 244, 4);
}
h4 {
color: rgb(0, 255, 0);
background-color: rgb(244, 1, 23);
}
h5 {
color: rgb(123, 144, 43);
}
/* HEX CODE */
h6 {
color: #ffff00;
background-color: #00cf33;
}
p {
color: #0f0;
background-color: #f09aef;
}
button {
color: #00f;
background-color: #f0ef;
}
Comments
Post a Comment