HTML로 여러 가지 색상의 링크를 만드는 방법

웹 페이지에 여러 가지 색상의 링크를 만드는 데는 몇 가지 방법이 있습니다. 그러나 적절한 방법을 사용하는 데 관심이있는 사용자는 글꼴 태그가 사용되지 않으므로 CSS 솔루션을 사용하는 것이 좋습니다.

CSS 클래스 솔루션

암호

멀티 컬러 링크를 만드는 가장 적절한 첫 번째 방법은 CSS를 사용하여 색상을 정의한 다음 나중에 실제 링크에서 사용하는 것입니다. 아래의 코드 예에서 웹 페이지의 일부분에 아래의 CSS 코드를 삽입하고 HTML 색상 코드를 사용하여 두 가지 색상 이름과 색상을 정의합니다.

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

다음으로 위의 CSS 정의 색상을 사용하는 span 태그를 포함하는 링크입니다.

 컴퓨터 희망 

컴퓨터 희망

스타일 속성

다중 색상 링크를 만드는 또 다른 방법은 span 태그와 같은 태그에 style 속성을 사용하는 것입니다. 그러나 일단 CSS가 만들어지면 페이지 전체에서 여러 번 사용할 수 있고 코드가 적기 때문에 위의 솔루션을 권장합니다.

 컴퓨터 희망 

컴퓨터 희망

HTML 글꼴 태그 솔루션

이 태그를 사용하면 여러 가지 색상의 링크를 만들 수 있습니다. 그러나 글꼴 태그는 더 이상 사용되지 않으며 CSS를 사용할 수없는 경우에만이 솔루션을 사용하는 것이 좋습니다.

암호

 컴퓨터 희망