Microsoft Logo with HTML & CSS
<html>
<head>
<meta charset="utf-8" />
<title>Microsoft Logo</title>
<style>
.Logo{
width:350px;
margin:25px auto;
}
.square{
width:150px;
height:150px;
margin:0 10px 10px 0;
float:left;
}
.square.red {
background-color: #ff0000;
}
.square.green {
background-color: #00ff90;
}
.square.blue {
background-color: #0026ff;
}
.square.yellow {
background-color: #ffd800;
}
</style>
</head>
<body>
<div class="Logo">
<div class="square red"></div>
<div class="square green"></div>
<div class="square blue"></div>
<div class="square yellow"></div>
</div>
<h3>Source code in</h3>
<h1>https://codingwithlibino.blogspot.com/</h1>
</body>
Comments
Post a Comment