Как создать многоцветные ссылки в HTML

Существует несколько разных способов создания многоцветных ссылок на веб-странице. Тем не менее, для тех, кто заинтересован в том, чтобы сделать это надлежащим образом, мы предлагаем использовать решение CSS, так как тег шрифта устарел.

CSS решение класса

Код

Первый и наиболее правильный метод создания многоцветной ссылки - это использование CSS для определения вашего цвета, а затем их использование в реальной ссылке. В приведенном ниже примере кода вы поместите приведенный ниже код CSS в часть своей веб-страницы и определите два названия цветов и цветов, используя цветовые коды HTML.

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

Далее идет ссылка, содержащая теги span, которые используют указанные выше CSS-цвета.

 ComputerHope 

пример

Компьютер Надежда

Атрибут стиля

Другой метод создания многоцветной ссылки - использование атрибута style для тега, такого как тег span. Тем не менее, мы по-прежнему рекомендуем решение выше, потому что после того, как CSS был создан, он может использоваться несколько раз по всей странице и требует меньше кода.

 Компьютер Надежда 

пример

Компьютер Надежда

HTML-решение для шрифтов

Использование тега является еще одним методом создания многоцветных ссылок. Однако тег шрифта устарел, и рекомендуется использовать это решение, только если CSS недоступен.

Код

 ComputerHope 

пример