Tła:
a) kolor:
.comment p {background-color: #5a5555;}
b) obrazek w tle:
.comment p {background-image: url(http://s6.ifotos.pl/img/guiguojhj_xxenawe.png);}
Przezroczystość:
.comment p {opacity: 0.7;}
Cienie:
a) tekstu:
.comment p {text-shadow: 2px 2px 5px #5a5555 }
b) ramki:
.comment p{box-shadow:0px 0px 2px black}
Zaokrąglone rogi:
.comment p{border-radius: 90px 90px 5px 5px;}
UWAGA: parametry odpowiadają wszystkim czterem rogom. Można zostawić tylko jeden i będzie się wtedy odnosić do całej ramki.
Marginesy:
.comment p {padding: 20px;}
Obramowanie:
a) linia ciągła:
.comment p {border-style: solid;}
b) linia kreskowa:
.comment p {border-style: dashed;}
c) linia kropkowana:
.comment p {border-style: dotted;}
d) linia podwójna:
.comment p {border-style: double;}
Grubość obramowania:
a) cienkie:
.comment p {border-width: thin;}
b) średnie:
.comment p {border-width: medium;}
c) grube:
.comment p {border-width: thick;}
Awatary
Zaokrąglone rogi:
.avatar-image-container {border-radius: 90px 90px 5px 5px;}
Obramowanie:
a) linia ciągła:
.avatar-image-container {border-style: solid;}
b) linia kreskowa:
.avatar-image-container {border-style: dashed;}
c) linia kropkowana:
.avatar-image-container {border-style: dotted;}
d) linia podwójna:
.avatar-image-container {border-style: double;}
Grubość obramowania:
a) cienkie:
.avatar-image-container {border-width: thin;}
b) średnie:
.avatar-image-container {border-width: medium;}
c) grube:
.avatar-image-container {border-width: thick;}
Cienie:
.avatar-image-container {box-shadow:0px 0px 2px black}
Brak komentarzy:
Prześlij komentarz