Linki są integralną częścią każdej strony internetowej. Mogą to być zarówno tekst, jak i przyciski. W tym artykule będą brane pod uwagę tylko linki tekstowe. Nie jest tajemnicą, że w HTML wszystkie elementy wyglądają niezbyt precyzyjnie, a projekt, szczerze mówiąc, jest zły. Najważniejszą częścią "linku", który ingeruje w tworzenie łącza, jest dolny podkreślnik. Teraz zrozumiemy, jak usunąć podkreślenie łącza w CSS.

Tworzenie łącza

Aby zademonstrować działanie tej metody, musisz utworzyć łącze. Pomoże to w standardowym HTML 5. Aby utworzyć łącze, musisz użyć znacznika "a" bez bloku. Dlatego, aby umieszczać linki w poszczególnych liniach, musisz umieścić je w znacznikach akapitów (p). Alternatywnie możesz użyć właściwości display: block dla każdego linku.


Zaczynamy tworzyć łącze. Napisz kilka tagów w naszym dokumencie HTML. Pomiędzy znacznikami otwierającym i zamykającym wpisujemy nazwę naszego linku, który będzie wyświetlany na stronie. Ponadto znacznik "a" ma wiele atrybutów. Atrybut href jest wymagany, bez którego odwołanie nie zostanie wdrożone. Określa ścieżkę do strony lub pliku, do którego nasz link będzie obsługiwany. W powyższym przykładzie nie będzie przejścia z innych linków, więc możesz podać domyślną wartość #. Utworzono link, teraz musisz go stylizować. Jest kilkasposoby usunięcia podkreślenia łącza w CSS:

atrybut stylu (umieszczony wewnątrz znacznika).

Znacznik stylu (umieszczony w bloku nagłówka).

Zewnętrzne połączenie stylów za pomocą znacznika linku.

Możesz użyć dowolnej z tych metod, aby cofnąć odniesienie w CSS, ale najlepiej pasuje połączenie stylów zewnętrznych.

Wskazówka: podczas stylizowania strony internetowej należy preferować linki zewnętrzne.

Stylizacja łącza w CSS

W powyższym przykładzie zostanie użyte połączenie z zewnętrznym łączem. Otwórz plik CSS, w którym zmienimy wygląd linków. Oprócz linków na tej stronie nie ma nic. Dlatego użyjemy znacznika jako selektora jako "a". Jeśli chcesz, możesz dodać klasy dla każdego linku, ale jest to opcjonalne. Nagrywamy selektor "a", który napisze tekstową dekorację właściwości: brak; Jedna prosta właściwość dekorowania tekstu służy do usuwania podkreślenia łącza za pomocą CSS. Dekoracja tekstowa zawiera szereg innych wartości. Umożliwia także wykonanie górnego uderzenia, ale rzadko jest używane. Aby usunąć podkreślenie linku, wprowadź następujący kod dokumentu CSS: Aby uprościć kod, możesz użyć prostego atrybutu - stylu. W tym przykładzie pełny projekt całej strony nie jest reprezentowany, więc możesz użyć tej metody. Najważniejsze - nie maluj w taki sposób całej strony HTML. W takim kodzie możesz się łatwo pogubić.

Zmiana cytowanego linku w CSS

Załóżmy, że chcesz to zrobić, aby w normalnym stanie łącza pozostawało podkreślenie, a gdy wskaźnik zniknął. Aby usunąć lub podkreślić hiperlink po najechaniu kursorem, CSS używa pseudoklasy ": hover". Oto przykład: Style można stosować nie tylko do danego łącza, ale także do aktywowanego lub odwiedzanego. Aby to zrobić, użyj pseudo-klas ": active" i ": visited".