zamknij

Z cyklu porad - CSS (posty)

Witam was drodzy czytelnicy w czwartkowy dzień. Tydzień przeleciał bardzo szybko bo już jutro weekend - nareszcie! Moja średnia ocen to 4.2 a w najgorszym wypadku 3.6. No, zapuściłam się nieco w nauce.Zwalam to na otoczenie. W końcu i tak mam najwyższą średnią w klasie, której nauczyciele nie widzą w przyszłym roku. Dość ględzenia o mnie bo znów mam przypływ czułości. Czas na jakąś instrukcję.
Poziom trudności [**]

http://img5.imageshack.us/img5/4515/54072799.jpg http://img15.imageshack.us/img15/754/95690346.jpg http://img40.imageshack.us/img40/4536/24621042.jpg http://img838.imageshack.us/img838/9063/84319659.jpg
ikonki by Carllton

Tła:
a) kolor:
.post {background-color: #5a5555;}

b) obrazek w tle:
.post {background-image: url(adres do obrazka);}

Przezroczystość:
.post {opacity: 0.7;}

Cienie:
a) tekstu:
.post {text-shadow: 2px 2px 5px #5a5555 }

b) ramki:
.post {box-shadow:0px 0px 2px black}


Zaokrąglone rogi:
.post {border-radius: 90px 90px 5px 5px;}

Marginesy
.post {padding: 20px;}


Obramowanie:
a) linia ciągła:
.post {border-style: solid;}

b) linia kreskowa:
.post {border-style: dashed;}

c) linia kropkowana:
.post {border-style: dotted;}

d) linia podwójna:
.post {border-style: double;}

Grubość obramowania:
a) cienkie:
.post {border-width: thin;}

b) średnie:
.post {border-width: medium;}

c) grube:
.post {border-width: thick;}

Parametry jak i kolory można zmieniać według własnego gustu.
Opracowanie autorstwa Elfaby

1 komentarz: