Как это работает?

[Mr.Black]

Приветствую...Помогите мне просветится. Как вот такой код может создать треугольник? Ну как?

width:0;
height:0;
border-left: 100px solid transparent;
border-right: 100px solid transparent;
border-top: 200px solid blue;

—--

Код взят из http://tantek.com/CSS/Examples/polygons.html

[Switch74]

вот тебе код, поэкспериментируй с width и height, и попробуй задавать некоторым противолежащим бордерам прозрачный цвет и ты поймешь как это работает

<style>
	#b
	{
		width:100px;
		height:100px;
		border-top:100px solid #0f0;
		border-left:100px solid #00f;
		border-right:100px solid #00f;
		border-bottom:100px solid #0f0;
	}
</style>
<div id="b"></div>

так же можешь для полного освоения данной чтукой по изменять размеры бордюров и их стили

Edited March 1, 2012 by Switch74

[Radiocity]

http://jsfiddle.net/emH4g/

Так понимаю, что треугольник - это бордюр

Сложные фигуры строятся из нескольких вложенных элементов, для которых также задается граница.

Очень познавательно! Спасибо.

Edited March 2, 2012 by Radiocity