zamknij

Z cyklu porad CSS - linki

Ostatnia część cyklu porad dotyczących CSS. Dziś przedstawię kody, dzięki którym możecie dobrowolnie zmieniać odstępy między linkami, podkreślenia czy cienie. Zapraszam!

   
ikony autorstwa Yassmine

Odstępy między literkami:
a:hover {letter-spacing: 1mm;}

Podkreślenia:
a) linia ciągła: 
a:hover {border-bottom-style: solid ;}

b) linia kreskowa:
a:hover {border-bottom-style: dashed;}

c) linia kropkowana:
a:hover {border-bottom-style: dotted;}

d) linia podwójna:
a:hover {border-bottom-style: double;}

Zmiana czcionki:
a:hover {font-family: Syncopate;}

Cienie:
a:hover  {text-shadow: 2px 2px 5px #5a5555 } 


opracowanie instrukcji: Elfaba
Mam nadzieję, że instrukcja podniesie was na duchu i rozjaśni drogę w ciemnej otchłani kodów czy dziwnych znaczków.
Pozdrawiam, Veronika.

2 komentarze:

  1. Nie skorzystam,ale widze ze jasno wytlumaczone!
    To mi sie podoba!!
    Pozdrawiam Brethanie's
    ♥ . ♥ . ♥

    OdpowiedzUsuń
    Odpowiedzi
    1. Ojej,tak późno,a jednak komentarze się pojawiają. To mnie cieszy :) Instrukcję opracowała Elfaba więc dla niej wielki ukłon.

      Dobrej nocy życzę,
      Veronika ;*

      Usuń