Как рисуется треугольник ?

[jaster]

#triangle-down {

width: 0;

height: 0;

border-left: 50px solid transparent;

border-right: 50px solid transparent;

border-top: 100px solid red; }

Не могу понять как рисуется треугольник, контент по нулям, слева рамка толщина 50 px, справа 50 px, а сверху в два раза больше, по идее же квадрат рисуется ?

[McLotos]

Если фон белый, то вот так

border-color:#f7f7f7 #f7f7f7 blue #f7f7f7;
	  border-style:solid;
	  border-width:30px;
	  width:0;
	  height:0;

[Sensei]

http://forum.htmlbook.ru/index.php?showtopic=41867

[wwt]

http://jsfiddle.net/KwGTP/

Каждый бордер отметил своим цветом чтобы было понятно.

Edited February 22, 2013 by wwt