html css color

Learn About html Css color

html css color type : fill color in html css as line border color,background color etc. we use color properties for do it so today we learn about html css colors


simple html css color filling in html css by use properties this type see example below..



.color{
float:left;
 border:2px solid red;
 width:0px;
 height:200px;
 margin-left:20%;


 }
OR 

border:2px solid blue;

OR 

border:2px solid green;

OR 

border:2px solid black;


RGB Color :Red , Green And blue use value of this color properties and fill background color as you like..


Example of rgb colors properties  see below and try it your self 









.color{
float:left;
 background-color: rgb(200, 50, 100);
 width:50px;
 height:200px;
 margin-left:20%;

 }


 .color2{
 float:left;
background-color: rgb(100, 120, 140);
 width:50px;
 height:200px;
 margin-left:20%;
 }


 .color3{
 float:left;
background-color: rgb(120, 200, 100);
 width:50px;
 height:200px;
 margin-left:20%;
 }


 .color4{
 float:left;
 background-color: rgb(110, 10, 190);
 width:50px;
 height:200px;
 margin-left:20%;

 }




hsl Color : ( hue , saturation and lightness ) use hsl color properties see example below and try it your self






color{
float:left;
 background-color: hsl(90, 50%, 30%);
 width:50px;
 height:200px;
 margin-left:20%;

 }


 .color2{
 float:left;
 background-color: hsl(40, 66%, 70%);
 width:50px;
 height:200px;
 margin-left:20%;
 }


 .color3{
 float:left;
 background-color: hsl(70, 70%, 90%);
 width:50px;
 height:200px;
 margin-left:20%;
 }


 .color4{
 float:left;
  background-color: hsl(0, 50%, 40%);
 width:50px;
 height:200px;
 margin-left:20%;

 }


Visit More