I am seeking to create a unique design with a predominantly gray background, accented by a smaller blue background within it.
The design concept is illustrated below:
<body>
<div id= "background_1">
<div id= "background_2">
</div>
</div>
</body>
In the accompanying CSS:
#background_1
{
background-color : gray;
z-index : 1;
}
#background_2
{
background-color : blue;
z-index : 2;
}
Looking for assistance in bringing this vision to life. Although it may be a bit vague, my goal is to achieve an overall gray background with a striking blue rectangle in the forefront.