Pseudo 클래스 & 요소
페이지 정보
작성자
DocsArchives
작성일
2025.09.07 19:30
본문
HTML 수정 없이 디자인 강화
:hover, :active, ::before, ::after 같은 의사 클래스와 요소는 HTML 구조를 바꾸지 않고도 다양한 효과를 줄 수 있는 도구입니다.
예시 – 장식 추가
h1::before { content: "★ "; color: gold;}제목 앞에 별 모양을 추가할 수 있습니다.
활용 사례
-
강조선, 구분선 추가
-
아이콘 삽입
-
버튼 효과
-
글자 강조
Pseudo 클래스와 요소는 단순하지만 강력한 CSS 도구입니다. 작은 변화만으로도 사이트를 세련되게 꾸밀 수 있습니다.
댓글 0