Border Styling

HTML

<span class="boxborder eins"></span>

CSS

.boxborder{
	width:0;
	height:0;
	position:relative;
	overflow:hidden;
	top:0;
	right:0;
	display: inline-block;
	}

.eins {
	border-left: 20px solid #bbb;
	border-right: 20px solid #ccc;
	border-top: 20px solid #ddd;
	border-bottom: 20px solid #aaa;
	}
	
.zwei {
	border: 20px solid #fff;
	border-left: 20px solid #bbb;
	
	}
.drei {
	border: 20px solid #fff;
	border-right: 20px solid #ccc;
	}
ETC :)