1<p style="color: #ffffff;">Lorem ipsum...</p> <!-- text -->
2<p style="background-color: red;">Lorem ipsum...</p> <!-- background -->
3<h1 style="border: 2px solid #00ff00;">Lorem ipsum...</h1> <!-- border -->
4
5<!-- 3 ways to define colors -->
6<h1 style="background-color: rgb(255, 99, 71);">Lorem ipsum...</h1>
7<h1 style="background-color: #ff6347;">Lorem ipsum...</h1>
8<h1 style="background-color: hsl(9, 100%, 64%);">Lorem ipsum...</h1>
1<!-- Color in HTML by inline-css -->
2<p style="color: red; background-color: blue;">
3 This text is red and the background is blue
4</p>
1<!DOCTYPE html>
2<!-- Code inside there--><html>
3 <head>
4 <meta charset="utf-8">
5 <title>Lists Page</title>
6 <style>
7 body {
8 background-color: black;
9 text-shadow: 0px 0px 10px blue;
10 font-family: Trebuchet MS;
11 font-size: 20px;
12 }
13 h1 {
14 color: white;
15 }
16 p {
17 color:rgb(255, 230, 8);
18 text-shadow: 0px 1px 30px blue;
19
20 }
21 h2 {
22 color:white;
23 font-size: 30px;
24 }
25 ul {
26 list-style-type: circle;
27 color:rgb(255, 0, 98);
28 text-shadow: 0px 0px 5px blue;
29 }
30 ol {
31 color:rgb(250, 105, 259);
32 line-height: 30px;
33 }
34 h4 {
35 color: rgb(0, 255, 55);
36 }
37 </style>
38 </html>