Loading...

html

Pseudo 클래스 & 요소

페이지 정보

작성자 DocsArchives
작성일 2025.09.07 19:30
분류 css
703 조회

본문

HTML 수정 없이 디자인 강화

:hover, :active, ::before, ::after 같은 의사 클래스와 요소는 HTML 구조를 바꾸지 않고도 다양한 효과를 줄 수 있는 도구입니다.

예시 – 장식 추가

h1::before {  content: "★ ";  color: gold;}

제목 앞에 별 모양을 추가할 수 있습니다.

활용 사례

  • 강조선, 구분선 추가

  • 아이콘 삽입

  • 버튼 효과

  • 글자 강조

Pseudo 클래스와 요소는 단순하지만 강력한 CSS 도구입니다. 작은 변화만으로도 사이트를 세련되게 꾸밀 수 있습니다.
태그
댓글 0
홈으로 전체메뉴
전체 검색
회원가입