Как рисовать треугольники на чистом css

• 05, 08, 2014
•  bullgare
•  HTML and CSS
• No Comments.

Для треугольника, «смотрящего наверх»:

p {
	width: 0;
	height: 0;
	text-indent: -9999px;
	border-right: 80px solid transparent;
	border-bottom: 80px solid #f09;
	border-left: 80px solid transparent;
}

JS Bin
http://blog.michelledinan.com/08/2012/drawing-triangles-with-css/

Вот тут много разных использований border-ов — https://blog.bullgare.com/2015/06/%D1%84%D0%B8%D0%B3%D1%83%D1%80%D1%8B-%D0%BD%D0%B0-css-borders/