CSS styling borders

.div{
border-top:30px solid #AEABAD;
border-right:30px solid #393939;
border-bottom:30px solid #AEABAD;
border-left:30px solid #393939;
}
	

Some might be thinking this isnt CSS3 and you would be right it's not!
...well apart from box-shadow and border-radius that has been used in a few examples.
I just thought I would add this due to a lot of people not knowing
some of the different effects you can do with just different border styles.

Here are some examples of what you can do just with different types of border styles

border 0:

 .border0{
 border-color: #1E1E1E #dadada;
 border-style: dashed;
 border-width: 30px;
 }
border 1:

 .border1{
 border-color: #1E1E1E;
 border-style: double;
 border-width: 30px;
 }
border 2:

 .border2{
 border-color: #393939;
 border-style: ridge;
 border-width: 30px;
 }
border 3:

 .border3{
 border-color: #AEABAD #1E1E1E;
 border-style: solid;
 border-width: 30px;
 }
border 4:

 .border4{
 border-color: #292929 #dadada;
 border-style: dotted;
 border-width: 30px;
 }
border 5:

 .border5{
 border-color: #292929 transparent transparent;
 border-style: solid;
 border-width: 30px;
 }
border 6:

 .border6{
 border-color: transparent #1E1E1E;
 border-style: double;
 border-width: 30px;
 }
border 7:

 .border7{
 border-color: transparent #1E1E1E;
 border-style: dashed;
 border-width: 30px;
 }
border 8:

 .border8{
 border-color: #DADADA #1E1E1E;
 border-style: dotted;
 border-width: 64px 11px 0;
 }
border 9:

 .border9{
 border-color: #1E1E1E transparent;
 border-style: dotted solid;
 border-width: 44px 26px 18px;
 }
border 10:

 .border10{
 border-color: #1E1E1E;
 border-radius: 32px 32px 32px 32px;
 border-style: double;
 border-width: 30px;
 }
border 11:

 .border11{
 border-color: #393939;
 border-radius: 32px 32px 32px 32px;
 border-style: inset;
 border-width: 30px;
 }
			
border 12:

 .border12{
 border-color: #393939;
 border-radius: 32px 32px 32px 32px;
 border-style: ridge;
 border-width: 30px;
 }
border 13:

 .border13{
 border-color: #1E1E1E #1E1E1E transparent;
 border-style: solid;
 border-width: 32px 30px 20px;
 }
border 14:

 .border14{
 border-color: #1E1E1E #1E1E1E transparent;
 border-style: solid double;
 border-width: 32px 30px 20px;
 }

dotted design using multiple borders

		.dotted{
		border-color: #AEABAD #444244;
		border-style: dotted;
		border-width: 27px;
		box-shadow: 2px 2px 18px black;
		}
	

dashed design using multiple borders

		.dashed{
		border-color: #AEABAD #444244;
		border-style: dashed;
		border-width: 27px;
		box-shadow: 2px 2px 18px black;
		}
	

metal mesh like design using multiple borders

		.mesh{
		border-style: dotted;
		border-width: 6px;
		box-shadow:  0 0 4px -1px black;
		}