34 lines
490 B
CSS
34 lines
490 B
CSS
|
* {
|
||
|
box-sizing: border-box;
|
||
|
}
|
||
|
|
||
|
.container {
|
||
|
background: #EEE;
|
||
|
width: 50%;
|
||
|
margin-bottom: 20px;
|
||
|
}
|
||
|
|
||
|
.item {
|
||
|
width: 60px;
|
||
|
height: 60px;
|
||
|
float: left;
|
||
|
border: 1px solid;
|
||
|
background: #09F;
|
||
|
}
|
||
|
|
||
|
.item.w2 { width: 120px; }
|
||
|
.item.w3 { width: 180px; }
|
||
|
.item.w4 { width: 240px; }
|
||
|
|
||
|
.item.h2 { height: 100px; }
|
||
|
.item.h3 { height: 160px; }
|
||
|
.item.h4 { height: 220px; }
|
||
|
.item.h5 { height: 280px; }
|
||
|
|
||
|
.stamp {
|
||
|
background: red;
|
||
|
opacity: 0.75;
|
||
|
position: absolute;
|
||
|
border: 1px solid;
|
||
|
}
|