Zmiana styli (np kolorów) odnośników (linków) w CSS: Różnice pomiędzy wersjami
Przejdź do nawigacji
Przejdź do wyszukiwania
(Utworzył nową stronę „Odnośnik po najechaniu myszką <source lang="css"> a:hover { color:black; } </source> Odnośnik odwiedzony <source lang="css"> a:visited { color:black; } <…”) |
m (Zastępowanie tekstu - "<source lang="css">" na "<pre>") |
||
| (Nie pokazano 2 wersji utworzonych przez 2 użytkowników) | |||
| Linia 1: | Linia 1: | ||
Odnośnik po najechaniu myszką | Odnośnik po najechaniu myszką | ||
< | <pre> | ||
a:hover { | a:hover { | ||
color:black; | color:black; | ||
} | } | ||
</ | </pre> | ||
Odnośnik odwiedzony | Odnośnik odwiedzony | ||
< | <pre> | ||
a:visited { | a:visited { | ||
color:black; | color:black; | ||
} | } | ||
</ | </pre> | ||
Zwykły odnośnik nie kliknięty | Zwykły odnośnik nie kliknięty | ||
< | <pre> | ||
A:link | A:link | ||
{ | { | ||
color:black; | color:black; | ||
} | } | ||
</ | </pre> | ||
Odnośnik kliknięty lub nie kliknięty | Odnośnik kliknięty lub nie kliknięty | ||
< | <pre> | ||
A:active | A:active | ||
{ | { | ||
color:black; | color:black; | ||
} | } | ||
</ | </pre> | ||
| Linia 31: | Linia 31: | ||
Co w wypadku gdy chcemy aby tylko nasze menu miało inne parametry ? | Co w wypadku gdy chcemy aby tylko nasze menu miało inne parametry ? | ||
< | <pre> | ||
.menu a:hover { | .menu a:hover { | ||
color:white; | color:white; | ||
} | } | ||
</ | </pre> | ||
Dzięki temu, klasa menu zyska atrybut białego odnośnika "najechanego". | Dzięki temu, klasa menu zyska atrybut białego odnośnika "najechanego". | ||
| Linia 43: | Linia 43: | ||
W powyższych przykładach, wszędzie zostaje przypisany kolor czarny. Aczkolwiek, nic nie stoi na przeszkodzie aby do każdego zastosować zupełnie inne właściwości, nie musimy ograniczać się tylko do kolorów... | W powyższych przykładach, wszędzie zostaje przypisany kolor czarny. Aczkolwiek, nic nie stoi na przeszkodzie aby do każdego zastosować zupełnie inne właściwości, nie musimy ograniczać się tylko do kolorów... | ||
Mamy do dyspozycji całą gamę CSS, jaką stosuje się przy każdym innym typie ID lub Klasy. | Mamy do dyspozycji całą gamę CSS, jaką stosuje się przy każdym innym typie ID lub Klasy. | ||
[[Category:HTML]] | |||
Aktualna wersja na dzień 14:35, 18 lut 2018
Odnośnik po najechaniu myszką
a:hover {
color:black;
}
Odnośnik odwiedzony
a:visited {
color:black;
}
Zwykły odnośnik nie kliknięty
A:link
{
color:black;
}
Odnośnik kliknięty lub nie kliknięty
A:active
{
color:black;
}
Powyższy przykład znajdzie zastosowanie globalne czyli dla całej strony.
Co w wypadku gdy chcemy aby tylko nasze menu miało inne parametry ?
.menu a:hover {
color:white;
}
Dzięki temu, klasa menu zyska atrybut białego odnośnika "najechanego".
W powyższych przykładach, wszędzie zostaje przypisany kolor czarny. Aczkolwiek, nic nie stoi na przeszkodzie aby do każdego zastosować zupełnie inne właściwości, nie musimy ograniczać się tylko do kolorów... Mamy do dyspozycji całą gamę CSS, jaką stosuje się przy każdym innym typie ID lub Klasy.