square css2
Data utworzenia: 2024-12-17 07:41:20
* {
box-sizing: 0;
padding: 0;
margin: 0;
}
body {
background-color: #333;
}
section {
position: relative;
margin-top: 200px;
margin-bottom: 50px;
height: 300px;
background-color: #ddd;
}
.square {
height: 100px;
width: 100px;
border: 2px solid black;
}
.red {
position: absolute;
top: 0;
background-color: red;
left: 0;
}
.blue {
position: absolute;
top: 0;
background-color: blue;
left: 100px;
}
.lime {
position: absolute;
top: 0;
background-color: lime;
left: 200px;
}
.gold {
background-color: gold;
position: absolute;
bottom: 0;
right: 0;
}
.silver {
background-color: silver;
position: absolute;
bottom: 100px;
right: 0;
}
.black {
background-color: black;
position: absolute;
bottom: 0;
right: 0;
}
Powrót