HTMLで多色リンクを作成する方法

Webページ上に多色リンクを作成する方法はいくつかあります。 しかし、これを適切な方法で行うことに興味がある人には、フォントタグが廃止されるのでCSSソリューションを使用することをお勧めします。

CSSクラスソリューション

コード

多色リンクを作成する最初の最も適切な方法は、CSSを使用して色を定義してから実際のリンクで後で使用することです。 以下のコード例では、Webページの一部に以下のCSSコードを配置し、HTMLカラーコードを使用して2つのカラー名とカラーを定義します。

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

次に、上記のCSS定義の色を使用するスパンタグを含むリンクです。

 ComputerHope 

コンピュータ希望

スタイル属性

マルチカラーリンクを作成するもう1つの方法は、spanタグなどのタグにstyle属性を使用することです。 ただし、CSSが作成されると、ページ全体でCSSを複数回使用でき、必要なコードが少なくなるため、上記の解決策をお勧めします。

 コンピュータ希望 

コンピュータ希望

HTMLフォントタグソリューション

タグを使用することは、多色リンクを作成するもう1つの方法です。 ただし、フォントタグは推奨されていないため、CSSが利用できない場合にのみこのソリューションを使用することをお勧めします。

コード

 ComputerHope