Jak Wyróżnić Link Kolorem

Spisu treści:

Jak Wyróżnić Link Kolorem
Jak Wyróżnić Link Kolorem

Wideo: Jak Wyróżnić Link Kolorem

Wideo: Jak Wyróżnić Link Kolorem
Wideo: Dlaczego IO-Link? 2024, Listopad
Anonim

Język znaczników HTML ma wiele opcji wyświetlania elementów w oknie przeglądarki. Do edycji parametrów graficznych, ustaw kolor elementów strony, często używany jest CSS, który pozwala dostroić żądany kolor tekstu.

Jak wyróżnić link kolorem
Jak wyróżnić link kolorem

Instrukcje

Krok 1

Aby edytować parametr wyświetlania linku, musisz zmienić kod strony. Otwórz dokument HTML za pomocą narzędzia do edycji kodu. Użyj standardowego edytora Windows „Notatnik”. Możesz także zainstalować dodatkowe programy, takie jak Notepad ++ lub HTML-Viewer, które pozwolą Ci wyświetlić potrzebny kod z podświetlaniem składni. Aby otworzyć plik w edytorze, kliknij prawym przyciskiem myszy i wybierz „Otwórz za pomocą”. Na wyświetlonej liście określ wybrane narzędzie.

Krok 2

W oknie edytora przejdź do linku, którego kolor chcesz zmienić. Każdy link ma formę Link Name. Aby zmienić kolor tekstu, użyj parametru stylu.

Krok 3

Po wybraniu wiersza, który chcesz zmienić, przejdź do bloku strony. Po deskryptorze zamykającym wprowadź tag i utwórz żądaną pseudoklasę CSS. Na przykład:

.colorchange {kolor: czerwony;

tło: niebieskie;

wypełnienie: 1px; }

Krok 4

Ten kod tworzy pseudoklasę o nazwie colorchange, której można używać w atrybutach łącza. Za kolor tekstu elementu odpowiada parametr color – w tym przypadku ustawiana jest wartość red, która utworzy tekst w kolorze czerwonym. Do tego elementu możesz dodać dowolną wartość HTML. Kolor tła łącza jest ustawiany za pomocą parametru tła. Parametr padding odpowiada za wcięcie łącza względem innych elementów.

Krok 5

Po utworzeniu pseudoklasy należy ją ustawić w treści samego dokumentu. Wróć do sekcji kodu, w której znajduje się Twój link. Edytuj go, wpisując parametr class i nadając mu wartość z nazwą pseudoklasy CSS. Na przykład:

Nazwa linku

Krok 6

Utworzysz czerwony link z niebieskim tłem i 1-pikselowym wypełnieniem, jak określono w powyższym CSS. Zapisz zmiany wprowadzone w pliku i zamknij okno edytora. Aby sprawdzić określony kod, otwórz swoją stronę w oknie przeglądarki, aby upewnić się, że wprowadzone ustawienia są prawidłowe. Podświetlanie linku kolorem jest zakończone.

Zalecana: