Zmiana parametrów wyświetlania linków w html może odbywać się za pomocą kaskadowych arkuszy stylów css. Pozwalają dostosować wyświetlanie czcionki linku, jej koloru przed kliknięciem przez użytkownika i po kliknięciu myszą. Możesz także zmienić krój używanej czcionki i jej rozmiar.
Instrukcje
Krok 1
Klasy i pseudoklasy służą do ustawiania parametrów łącza w css. Pseudoklasa a: link ustawia styl dla zwykłego linku, a: visited pozwala dostosować wyświetlanie już używanego linku. Odp.: active obsługuje parametry tagu po kliknięciu kursora na elemencie, a: najechanie ustawia styl linku po najechaniu na niego. Możesz również samodzielnie utworzyć dowolną klasę dla elementu, a w parametrach użyj standardowych operatorów do sformatowania tekstu.
Krok 2
Aby wyłączyć wyświetlanie podkreślenia tekstu łącza w przeglądarce, użyj parametru text-decoration: none. Możesz określić ten atrybut zarówno w klasie, jak i pseudoklasie dla elementu. Aby zmienić kolor linku, użyj parametru color, dla rozmiaru - standardowego atrybutu font-size. Jeśli chcesz uwzględnić czcionkę pogrubioną lub kursywą, użyj parametru font-weight.
Krok 3
Otwórz plik html za pomocą dowolnego edytora tekstu, którego używasz do edycji kodu strony. Następnie przejdź do sekcji dokumentu i ustaw kod css dla przyszłych linków na stronie za pomocą uchwytu. Na przykład:
Zmiana linków
a: link {tekst-dekoracja: brak;
rozmiar czcionki: 14px;
grubość czcionki: pogrubiona;
kolor czerwony; }
Krok 4
Ten kod usuwa podkreślenie ze zwykłego linku, ustawia rozmiar tekstu na 14 pikseli, stosuje pogrubiony styl i czerwony kolor elementu. Teraz każdy link w tagu będzie wyświetlany w ten sposób.
Krok 5
Możesz stylizować dla każdego konkretnego linku za pomocą klas CSS. Zatem jeśli kod w tagu wygląda tak:
a.link1 {rozmiar czcionki: 20px; kolor czarny;}
Krok 6
Możesz ustawić rozmiar łącza na 20 pikseli i czarny, używając klasy w treści dokumentu w następujący sposób:
Połączyć
Z przykładu widać, że link został przypisany do utworzonej klasy kodu css kroku wstecz, określając atrybut class linku. Ten link będzie teraz wyświetlany w kolorze czarnym i będzie miał rozmiar 20 pikseli. Aby zmienić ten atrybut, edytuj kod CSS sekcji strony.
Krok 7
Zmiana wyglądu linku jest zakończona, można zapisać zmiany wprowadzone w pliku i uruchomić go do przeglądania w przeglądarce.
