css shapes

by bradleytrager

HTML

<div id="triangle-up"></div><div id="triangle-down"></div>

CSS

#triangle-up {

	height: 0;
	//border-left: 50px solid transparent;
	border-right: 75px solid transparent;
	border-bottom: 100px solid red;
}
#triangle-down {
	
	height: 0;
	border-left: 75px solid transparent;
	//border-right: 50px solid transparent;
	border-top: 100px solid blue;
    margin-left:-75px;
}
div{
    float:left;
    width:100px;
}
}