Split screen two or more color in one page using html/css
The background-color property sets the background color of an element.
the background of an element is total size of the element including padding and border (but not the margin)
use to the div property in use to the css in class or id put than style use this class and
id property put than apply to tag in different way.
Program
<html>
<head>
<title>two color one page</title>
<style>
.color1{
background-color:pink;
<!-- select your favourite color put than run program -->
width:33%;
height:230px;
float:left;
}
.color2{
background-color:skyblue;
<!-- select your favourite color put than run program -->
width:34%;
height:230px;
float:right;
}
.color3{
background-color:red;
<!-- select your favourite color put than run program -->
width:33%;
height:230px;
float:left;
}
</style>
</head>
<body>
<h1>Three color with one page</h1>
<div class="color1">
</div>
<div class="color2">
</div>
<div class="color3">
</div>
</body>
</html>
OUTPUT
