HTML Colors

In this lecture, we are going to talk about HTML colors.

Maybe you have a question about why we need HTML Colors?

Frankly, This is not necessary, When you want to create an ugly website. BUT! when you are going to create a website for your client, definitely you need to create a good looking amazing website.

Now we are going to describe more HTML colors.

Code Example:-

HTML
 <div class="color-box">
      <div class="color-box-1">red</div>
      <div class="color-box-2">black</div>
      <div class="color-box-3">brown</div>
      <div class="color-box-4">aqua</div>
      <div class="color-box-5">crimson</div>
      <div class="color-box-6">darkorange</div>
 </div>

Code Example CSS

CSS
.color-box-1 {
            background-color: red;
        }

        .color-box-2 {
            background-color: black;
        }

        .color-box-3 {
            background-color: brown;
        }

        .color-box-4 {
            background-color: aqua;
        }

        .color-box-5 {
            background-color: crimson;
        }

        .color-box-6 {
            background-color: darkorange;
        }

This is how background color looks like this
Now the big question is how we implement this on your web page

Okay, I think this is not enough to describe how we can write our CSS style.
First, we need a defined which HTML element we are going to style, For that we need to create some class & id (should not be repeated) even though we can style by selecting an HTML element.

Text Color:-

Hello World

Lorem ipsum...

Ut wisi enim...

Example

HTML
<p style="color:Tomato;">Hello World</p>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>