Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
body {
margin: 0;
padding-top: 20px;
background-color: #eee; }
body div.belt1 {
box-sizing: border-box;
margin-bottom: 30px;
padding-top: 10px;
width: 100%;
height: 100px;
background-color: #b20008;
box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.4); }
body div.belt1:after {
content: "";
display: block;
height: 80px;
border-top: #eee 2px dashed;
border-bottom: #eee 2px dashed; }
body div.belt2 {
box-sizing: border-box;
margin-bottom: 30px;
padding-top: 10px;
width: 100%;
height: 100px;
background-color: #774635;
box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.4); }
body div.belt2:after {
content: "";
display: block;
height: 80px;
border-top: #eee 2px dashed;
border-bottom: #eee 2px dashed; }
body div.belt3 {
box-sizing: border-box;
margin-bottom: 30px;
padding-top: 10px;
width: 100%;
height: 100px;
background-color: #573121;
box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.4); }
body div.belt3:after {
content: "";
display: block;
height: 80px;
border-top: #eee 2px dashed;
border-bottom: #eee 2px dashed; }
/*# sourceMappingURL=divLikeBelt.css.map */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment