김평범's OrdinaryCode

  • 홈
  • 태그
  • 방명록

::before 1

[css] 가상요소 ::after, ::before 사용방법 및 동작 안할 때 (content)

😶‍🌫️css 가상 요소 ( pseudo-Element) 가상 요소는 css를 통해서 가상의 element를 추가하는 코드이다. 이미 작성된 HTML에 새로운 스타일을 주기 위해서 가상 요소를 추가해서 사용을 할 수 있다. :before는 HTML안 앞쪽에 추가하는 가상 요소이고 :after는 HTML이 끝날 때 추가되는 가상 요소이다. css 가상 요소 사용법 div:after {...} div:before {...} 가상 요소는 css는 내가 처리할 요소 뒤에 :after, :before로 붙여서 만들 수 있다. 코드는 아래를 참고해보자. sample Code 텍스트 결과 화면 위의 코드를 실행해 보면 위에 같이 코드가 나타난다. HTML상에서는 div에. text랑 클래스를 가진 div 안에 있는 ..

FrontEnd/css 2022.03.03
1
더보기
  • 분류 전체보기 (182)
    • Diary (4)
    • FrontEnd (93)
      • Javascript (20)
      • Vue.js (28)
      • css (17)
    • etc. (83)
      • Notion (70)

Tag

NUXT, 노션사용법, 노션수식, JavaScript, 노션유용한템플릿, 노션활용법, Vue, notion, 노션표, 노션, 노션템플릿공유, react, 노션무료템플릿, 노션데이터베이스, CSS, 노션가이드, Notion템플릿공유, 노션가계부, 노션템플릿, 자바스크립트,

최근글과 인기글

  • 최근글
  • 인기글
  • [JavaScript] 빈 객체 확인하는 방법 (object 빈 객체 체크) 2022.12.26 20:06
  • [Notion] 데이터 베이스 하위 항목 넣기 (노션 표 하위 항목을 이용한 WBS 작성하기) 2022.12.19 22:11
  • nuxt mounted 2번씩 호출 될때 (mounted twice when render) 2022.12.08 21:05
  • 개인이 노션 잘 활용하는 방법 5가지 - 노션 첫 사용하는 분을 위한 글 2021.04.02 22:46
  • [Notion]노션을 이용하여 개인용 포트폴리오 및 이력서 작성하기(신입, 경력직 포트폴리오 템플릿 공개) 2021.02.03 21:38
  • [Notion] 노션 페이지 전체 화면 채우는 방법과 노션 글씨 크기 및 폰트 설정 2021.03.25 20:35

최근댓글

  • 고양이 관리 기록용 노션 템플릿을 찾다가 왔어요! 감사히 쓰겠습니다.

    백에린

  • 와 채점기능까지 대단하세요 감사히 잘 활용하겠습니다!!

    카야

  • 가나다 오됐다 ㅋㅋㅋ 감사합니다!

    dd

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

  • 2022/12
  • 2022/11
  • 2022/10
  • 2022/08
  • 2022/07

Calendar

«   2023/01   »
일 월 화 수 목 금 토
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

Copyright © Kakao Corp. All rights reserved.

티스토리툴바