day4

·2021년 7월 1일
0

CSS

목록 보기
2/31

CSS

학습내용

CSS 가상 선택자(1)

  • 하이퍼링크 색상 변경
    a:link{color: red;}
  • 하이퍼링크 클릭 시 색상 변경
    a:active{color: blue;}
  • 하이퍼링크 마우스 오버랩 시 색상 변경
    a:hover{color: pink;}
  • 텍스트박스 클릭 시 테두리 생성
    input:focus{borde: solid 10px red;}

  • li 자식의 색상 변경
    li:first-child {color: red;}
    li:last-child {color: blue;}
    li:nth-child(2) {color: gray;}

    CSS 가상 선택자(2)

  • 하이퍼링크 마우스 오버랩 시 색상 변경
    input:focus{borde: solid 10px}
  • 하이퍼링크 마우스 오버랩 시 색상 변경
    a:hover{color: pink;}
  • 하이퍼링크 마우스 오버랩 시 색상 변경
    input:focus{borde: solid 10px}
  • 하이퍼링크 마우스 오버랩 시 색상 변경
    a:hover{color: pink;}
  • 하이퍼링크 마우스 오버랩 시 색상 변경
    input:focus{borde: solid 10px}
  • 하이퍼링크 마우스 오버랩 시 색상 변경
    a:hover{color: pink;}
  • 하이퍼링크 마우스 오버랩 시 색상 변경
    input:focus{borde: solid 10px}

    프로젝트 폴더 구성

  • 하이퍼링크 마우스 오버랩 시 색상 변경
    input:focus{borde: solid 10px}
  • 하이퍼링크 마우스 오버랩 시 색상 변경
    a:hover{color: pink;}
  • 하이퍼링크 마우스 오버랩 시 색상 변경
    input:focus{borde: solid 10px}
  • 하이퍼링크 마우스 오버랩 시 색상 변경
    a:hover{color: pink;}
  • 하이퍼링크 마우스 오버랩 시 색상 변경
    input:focus{borde: solid 10px}
  • 하이퍼링크 마우스 오버랩 시 색상 변경
    a:hover{color: pink;}
  • 하이퍼링크 마우스 오버랩 시 색상 변경
    input:focus{borde: solid 10px}

    dothome에 업로드

  • 하이퍼링크 마우스 오버랩 시 색상 변경
    input:focus{borde: solid 10px}
  • 하이퍼링크 마우스 오버랩 시 색상 변경
    a:hover{color: pink;}
  • 하이퍼링크 마우스 오버랩 시 색상 변경
    input:focus{borde: solid 10px}
  • 하이퍼링크 마우스 오버랩 시 색상 변경
    a:hover{color: pink;}
  • 하이퍼링크 마우스 오버랩 시 색상 변경
    input:focus{borde: solid 10px}
  • 하이퍼링크 마우스 오버랩 시 색상 변경
    a:hover{color: pink;}
  • 하이퍼링크 마우스 오버랩 시 색상 변경
    input:focus{borde: solid 10px}

    CSS 실습

  • 하이퍼링크 마우스 오버랩 시 색상 변경
    input:focus{borde: solid 10px}
  • 하이퍼링크 마우스 오버랩 시 색상 변경
    a:hover{color: pink;}
  • 하이퍼링크 마우스 오버랩 시 색상 변경
    input:focus{borde: solid 10px}
  • 하이퍼링크 마우스 오버랩 시 색상 변경
    a:hover{color: pink;}
  • 하이퍼링크 마우스 오버랩 시 색상 변경
    input:focus{borde: solid 10px}
  • 하이퍼링크 마우스 오버랩 시 색상 변경
    a:hover{color: pink;}
  • 하이퍼링크 마우스 오버랩 시 색상 변경
    input:focus{borde: solid 10px}
  • 0개의 댓글

    관련 채용 정보