summer  coding diary

  • 홈
  • 태그
  • 방명록
  • 포트폴리오 바로가기

css 가상선택자 2

06 - 가상선택자 after, before 속성

가상선택자 ::after ::before 가상선택자 after, before 속성에 대해 알아봅시다! 기본적으로 after, befor 속성에다가는 content:"" 속성을 적용해야 합니다 " "

HTML , CSS 2023.06.28

04 - 가상선택자 ?

- 가상선택자 ? 가상선택자란, 선택자에 추가하는 키워드를 의미합니다. 선택자에 해당하는 태그가 특정 상대를 만족하고 있을 때 발생합니다. html 태그를 작성해줍니다. 1) hover:{} 속성 가상 선택자 연습1 리스트1 리스트2 리스트3 css에 hover 속성을 부여해줍니다. #box1:hover { background-image:url(img/bgSquare.png); height:200px; color:green; } box1에 hover 속성을 부여해줍니다. hover속성은 마우스를 올리고 있는 상태를 의미합니다. 내리면 속성이 부여되지않았던 상태로 돌아갑니다. 원래 적용시켜놓지 않았던 태그 속성값도 적용이 가능합니다. 2) :nth-child() 속성 자식 태그들 중에서 원하는 순번에 해당..

HTML , CSS 2023.06.27
이전
1
다음
더보기
프로필사진

수기로 작성하던 코딩 다이어리가 망가져 티스토리를 시작한 슬픈 블로그

  • 분류 전체보기 (25)
    • Skills (0)
    • Portfolio (3)
    • HTML , CSS (22)

Tag

input password, CSS, html video태그, html input태그, input checkbox속성, table data, 프론트엔드 신입 포트폴리오, css %, html 태그 설명, css 가상선택자, input text속성, border-collapse separate, 포트폴리오 벤치마킹, form aciton, border-collapse collapse, table header, css속성단위, input radio, html form태그, HTML,

최근글과 인기글

  • 최근글
  • 인기글

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • 포트폴리오

티스토리툴바