Jak usunąć niebieski podkreślenie z linku w CSS

Linki w HTML to hiperłącza, za pomocą których możesz skakać na inną stronę. W projektowaniu stron internetowych linki są połączeniami między dwoma zasobami internetowymi, na przykład obrazy, filmy, pliki PDF i strony internetowe.

W HTML link jest tworzony za pomocą znacznika. W tagu możesz określić adres URL i tekst linku. Po dodaniu linku podkreślenie pojawia się pod linkiem; Jednak do jej usunięcia można użyć właściwości dekoracji tekstu.

W tym poście rozważy kilka przykładów wyjaśniających poniżej listy aspektów:

• właściwość tekstu tekstowego w CSS
• Jak usunąć podkreślenie z linku?

Więc zacznijmy!

właściwość tekstu tekstowego w CSS

Aby zastosować dowolny rodzaj dekoracji do tekstu, używana jest właściwość tekstu tekstowego. Na przykład właściwość dekoracji tekstu pomaga nam zmienić kolor, styl i linię dekoracji tekstu.

Składnia

Najpierw zrozumiemy składnię właściwości tekstowej:

Dekoracja tekstu: linia | Kolor | styl;

Dekoracja tekstu jest skrótem właściwością dla poniżej wspomnianych właściwości CSS:

• Linia tekstu tekstowego: Służy do dodania wiersza tekstu.
• Kolor dekoracji tekstu: Służy do zastosowania koloru do linii tekstu.
• grubość dekoracji tekstu: Określa grubość dekoracji linii.
• Styl w stylu tekstu: Ta właściwość ustawia styl linii.

Za pomocą właściwości dekoracji tekstu usuniemy podkreślenie z linku w poniższym przykładzie.

Jak usunąć podkreślenie z linku?

W HTML, kiedy dodamy link, pojawia się linia pod tekstem, który można usunąć za pomocą właściwości dekoracji tekstu.

Przykład

Użyjemy znacznika do zdefiniowania hiperłącza. HREF to odniesienie hiperłącza witryny i służy do podania adresu witryny. Po podaniu adresu określ nazwę linku, ponieważ link nie pojawia się na stronie. Widoczna jest tylko nazwa, którą podajemy:

Facebook

Widać, że pojawia się linia pod Facebooku, która oznacza, że ​​dołączono do niej hiperłącze:

Teraz przejdziemy do CSS i usuniemy niebieski podkrej.

Tutaj, "A”Odnosi się do linku przypisanego w sekcji HTML. Ustawimy atrybut właściwości dekoracji tekstu jako „nic".

A
Dekoracja tekstu: Brak;

Dane wyjściowe pokazuje, że niebieska podkrej została usunięta po przypisaniu „nic„Atrybut właściwości dekoracji tekstu:

Podaliśmy metodę związaną z usunięciem niebieskiego podkreślenia z linku w CSS.

Wniosek

Aby usunąć niebieski podkreślenie z linku, właściwość dekoracji tekstu jest używana w CSS. Aby to zrobić, ustaw „dekoracja tekstu„Wartość właściwości jako„nic". Ten zapis wyjaśnił działanie właściwości dekoracji tekstu i sposób użycia jej do usunięcia niebieskiego podkreślenia z linii za pomocą odpowiednich przykładów.