Jak tworzyć linki wielokolorowe w HTML

Istnieje kilka różnych sposobów tworzenia kolorowych linków na stronie internetowej. Jednak dla każdego, kto jest zainteresowany wykonaniem tego w odpowiedni sposób, sugerujemy użycie rozwiązania CSS, ponieważ znacznik czcionki jest przestarzały.

Rozwiązanie klasy CSS

Kod

Pierwszą i najbardziej odpowiednią metodą tworzenia łącza wielokolorowego jest użycie CSS do zdefiniowania koloru, a następnie użycie ich później w rzeczywistym łączu. W poniższym przykładzie kodu umieść poniższy kod CSS w części strony internetowej i zdefiniuj dwie nazwy kolorów i kolory za pomocą kodów kolorów HTML.

 .blue {color: # 00f;} .green {color: # 008000;} 

Następnie jest link zawierający znaczniki zakresu, które używają powyższych kolorów zdefiniowanych w CSS.

 ComputerHope 

Przykład

Nadzieja komputerowa

Atrybut stylu

Inną metodą tworzenia łącza wielokolorowego jest użycie atrybutu stylu na znaczniku, takim jak znacznik zakresu. Jednak nadal zalecamy powyższe rozwiązanie, ponieważ po utworzeniu CSS można go używać wielokrotnie na stronie i wymaga mniej kodu.

 Nadzieja komputerowa 

Przykład

Nadzieja komputerowa

Rozwiązanie znacznika czcionki HTML

Używanie tagu to kolejna metoda tworzenia linków wielokolorowych. Znacznik czcionki został jednak przestarzały i zaleca się, aby używać tego rozwiązania tylko wtedy, gdy CSS jest niedostępny.

Kod

 ComputerHope 

Przykład