Home HTML CSS JAVASCRIPT BOOTSTRAP Python Docker ML tutorial ☰ About us Privacy policy

CSS Colors


CSS Colors in HTML


The color property that is allows you to define the colora of text inside an elementa and background. You can define the colors in CSS in one of three types:

  • rgb:-

    • These colors is how much red, green and blue are used to make it up in HTML. For example: rgb(100,100,90)

  • hex codes:-

    • this is six-digit codes that show the amounts of red, green and blue in a color in the html webpages,

    color names:-

    red,black,white,etc

    background-color:-


    Code Family

    we areCode Family



    <!DOCTYPE html>
<html>
<body>

<h1 style="background-color:red;">code family</h1>

<h1 style="background-color:yellow;">we are code family
</h1>
</body>
</html>

    CSS Text Color:-

    code family

    code family



    <!DOCTYPE html>
<html>
<body>

<h1 style="color:red;">Hello World</h1>

<h1 style="color:blue;">code family</h1>

</body>
</html>

    CSS Border Color:-

    code family

    code family



    <!DOCTYPE html>
<html>
<body>

<h1 style="border: 3px solid Tomato;">code family</h1>

<h1 style="border: 3px solid DodgerBlue;">code family</h1>

<h1 style="border: 3px solid Violet;">code family</h1>

</body>
</html>

    CSS Color Values:-


    <!DOCTYPE html>
<html>

<style>

body {
background-color:rgb(200,200,200);
}
h1 {
background-color:DarkCyan;
}
h2 {
background-color:#ee3e80;
}
p {
background-color:white;
}
</style>
<body>

<h1 style="border: 3px solid Tomato;">code family</h1>

<p style="border: 3px solid DodgerBlue;">code family</hp>

<h2 style="border: 3px solid Violet;">code family</h2>

</body>
</html>


    More Topics