Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS

CSS 링크 색상:코스, 교육 및 기타 리소스

CSS 링크 색상을 배우는 방법

다음 과정 및 기타 교육 리소스를 살펴보고 CSS Link Colors를 배울 수 있습니다. 가장 관심 있는 링크를 탐색하십시오.

CSS 링크 색상이란 무엇입니까

CSS 링크 색상은 웹 페이지에 포함된 링크의 색상을 제어합니다. 링크를 추가하면 스타일 옵션에 따라 색상이 제어됩니다. 응용 프로그램의 색 구성표에 따라 인라인 스타일 및 CSS 스타일 시트와 같은 다양한 방법을 사용하여 해당 템플릿에 사용할 색을 변경할 수 있습니다.

CSS 링크 색상이란 무엇입니까

CSS 링크 색상은 웹페이지에 포함된 링크의 색상을 제어합니다.

  • CSS 링크 색상은 포함된 링크를 텍스트와 다른 색상으로 정의하여 눈에 띄게 하는 데 사용됩니다.

CSS 링크 색상 알아보기

이 웹사이트에서 CSS 링크 색상을 배울 수 있습니다. W3school의 가이드는 색 구성표를 변경하는 방법을 제공합니다. 이 리소스에서는 링크가 사용자와 상호작용할 때 거치는 여러 단계와 CSS를 사용하여 링크 스타일을 버튼처럼 지정하는 방법을 배웁니다.

또한 이 CSS Basics 웹사이트에서 링크 스타일을 지정하는 몇 가지 팁과 요령을 읽을 수 있습니다.

CSS 링크 색상을 배우는 데 얼마나 걸립니까

CSS Link Colors를 배우는 데 걸리는 시간은 주제 학습에 대한 귀하와 귀하의 헌신과 훈련에 달려 있습니다.

CSS 링크 색상 알아보기:단계별

  1. Four Link는 a:active 상태를 나타냅니다. , a:호버 , a:방문 , 및 a:링크. 다음 예를 참조하십시오.
    Eg.
    /* A link that has not been visited */
    a:link {
    color: pink;

    /* A link that has been visited */
    a:visited { 
    color: blue;

    /* A link that is hovered on */
    a:hover {
    color: red;

    /* A link that is selected */
    a:active { 
    color: green; 
    }

  2. 링크를 강조하려면 링크 색상이 중요합니다. 다음 예를 참조하십시오.
    Eg.
    a {
    color: green;
    }
  3. 텍스트 장식에는 밑줄, 윗줄, 줄줄이, 의 네 가지 값이 있습니다. 그리고 없습니다. 다른 속성을 변경하려면 다음 예를 살펴보십시오.
    a:link { 
    text-decoration: none; 
    }
    a:visited { 
    text-decoration: none; 

    a:hover { 
    text-decoration: underline;

    a:active { 
    text-decoration: underline; 
    }

  4. 배경 색상은 링크 색상과 함께 설정할 수도 있습니다. 다음 예를 보십시오.
    a:link { 
    background-color: green;
    a:visited { 
    background-color: blue;

    a:hover {
    background-color: red;

    a:active {
    background-color: pink; 

CSS 링크

CSS 링크 색상을 연구해야 하나요?

페이지를 사용자 정의하는 방법을 더 배우고 싶다면 CSS 링크 색상을 공부하십시오. 마법의 이면에 있는 논리를 배우는 것도 유용합니다.