Wskazówka

Chcąc znaleźć pożądaną instrukcję skieruj się do zakładki spis instrukcji, gdzie znajdziesz wszystkie dotychczasowo opublikowane posty z podziałem na trzy kategorie.

Uwaga! Niektóre instrukcje mogą nie działać. Staramy się na bieżąco je poprawiać. Prosimy o wyrozumiałość.

Cel bloga

Instrukcje dotyczące języka HTML czy kodów CSS, artykuły na temat ciekawych funkcji czy poradniki pomagające początkujących - to wszystko i jeszcze więcej tylko u nas!

Cytat

Instrukcje dotyczące języka html czy kodów css, artykuły na temat ciekawych funkcji czy poradniki pomagające początkujących - to wszystko i jeszcze więcej tylko u nas!

Chcąc znaleźć pożądaną instrukcję, skieruj się do zakładki
spis instrukcji, gdzie natrafisz na wszystkie dotychczasowo opublikowane posty z podziałem na trzy kategorie. Uwaga! Niektóre instrukcje mogą nie działać. Staramy się na bieżąco je poprawiać. Prosimy o wyrozumiałość.

css - posty

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
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;}


3 komentarze:

  1. zamiast wybierać po między trzema możliwościami grubości obramowania, można ustawić własną grubość:
    .post {border-width: 1px;}

    OdpowiedzUsuń
  2. A jak miałabym ustawić kolor tytułu posta? Bo chyba wszystkie selektory sprawdziłam, wszystkie blogi z CSSami i nic nie działa :c

    OdpowiedzUsuń
    Odpowiedzi
    1. Tytuł posta podchodzi pod linki oraz inny selektor tytułów jednocześnie. Dlatego jego edycję zalecam zrobić na koniec, żeby żaden z powyższych z tym nie kolidował.
      h3.post-title {color: #555!important;}

      Usuń

© Agata | WS | x x.