Przykładowe układy stron

Zadanie 1. Za pomocą kaskadowych arkuszy stylów wykonaj następujące figury geometryczne w różnych kolorach: kwadrat, koło, trójkąt, prostokąt, trapez*. Użyj stylu zewnętrznego.

.kwadrat {
	width: 200px;
	height: 200px;
	background: #ff0ff0;
}
/* ***************************************************** */
.prostokat {
	width: 200px;
	height: 50px;
	background: #b30;
}
/* ***************************************************** */
.okrag {
	background: #fedcba;
	border-radius: 50px;
	width: 100px;
	height: 100px;
}
/* ***************************************************** */
.trojkat {
	width: 0;
	height: 0;
}
.trojkat.gora {
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-bottom: 100px solid #b30;
}
/* ***************************************************** */
.trapez {
	border-bottom: 50px solid #b30;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	height: 0;
	width: 50px;
}

http://blog.piotrnalepa.pl/2012/10/11/css-magia-figur-uzyskanych-za-pomoca-css/

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Witryna wykorzystuje Akismet, aby ograniczyć spam. Dowiedz się więcej jak przetwarzane są dane komentarzy.