MOJA PASJA - PROGRAMOWANIE
   Dzisiaj jest Poniedziałek, 1 maja, 2017r. Ostatnia aktualzacja miała miejsce: 10 grudnia 2006r. Homepage

Programowanie: Artykuły * FAQ * Download * Komponenty * Książki WWW: Artykuły * Narzędzia * Kursy * Darmowe * FAQ * Skrypty * Ksiązki Off-Topic: Aforyzmy * Humor Inne: Forum * Wiki * Liczniki * Linki * Chat * Grafika * Video * Inne



Jak zrobić podświetlany link bez podkreśnia ?

   Wykorzystuje się do tego style CSS. Informacje czym jest ów tajemnicze CSS i z czym to się je, znajdziesz w kursie css. A teraz gotowy kod. Jeżeli chcesz stworzyć pojedynczy link bez podkreślenia, wystarczy następujący kod:

<a style="text-decoration: none;" href="http://www.programuj.com">programuj.com</a>


Jeżeli natomiast chcesz ustalić wygląd wszystkich linków na stronie, w sekcji <HEAD></HEAD> powinno się znaleźć coś takiego:

<STYLE type="text/css">
  a {
    text-decoration: none;
  }
</STYLE>


A teraz troszkę dłuższy kod, ustalamy standardowy kolor dla linków (#008000), kolor po najechaniu (#003000), pod wszystkimi linkami podkreślenie będzie się pojawiać dopiero po najechaniu myszką:

<STYLE type="text/css">
  a {
    color: #008000;
    text-decoration: none;
  }
  a:hover {
    color: #002000;
    text-decoration: underline;
  }
</STYLE>


Zachęcam do pobawienia się z tym kodem i spróbowania jakichś modyfikacji.

Np pole text-decoration oprócz none i underline, może również przyjmować wartości overline czy line-through.



Stronę przygotował: Kacper Cieśla (comboy). Wszelkie prawa zastrzeżone.
Reklama * Zgłoś błąd * Kontakt * Hosting * O stronie * Sponsoring
Czas generowania strony: 0s