css :before
-
[Html & CSS] :before을 이용한 제목 꾸미기Html & CSS 2024. 4. 19. 00:00
CSS로 타이틀을 꾸미고 싶어요 티스토리 블로그를 꾸미다가 매번 디자인을 바꾸기 귀찮아서 커스텀하게 디자인을 수정하고 있는데, 가령 본문1을 선택하면 왼쪽에 초록색 바가 생기고, 볼드체를 적용하면 초록색 글씨로 바뀌게 되게끔 자동 적용하게 만들고 있습니다. 그리고 본문3을 적용하면 아래의 세번째 이미지처럼 바뀌게 만들고 싶었습니다. :before와 :afterCSS에 :before와 :after 속성이 있더라구요? 무엇인지 보니까, 말 그대로 컨텐츠 앞, 뒤에 새로운 수식을 만들기 위해 사용하는 것이라고 합니다. 아이콘, 숫자, 이미지 등 텍스트를 장식하기 위해 쓰이는 것으로 가상 요소라고 부른다고 하네요. 그래서 :before는 기준 컨텐츠의 앞에, :after는 기준 컨텐츠의 뒤에 새로운..