Lpla 개발 블로그

HTML&CSS

[CSS] 형광펜 효과

1. 가상 요소 선택자 (:before, :after) 가상 요소 선택자를 사용하여 형광펜 효과 내기 p {font-size: 26px; position: relative; display: inline-block;} span {position: relative; display: inline-block;} span:before {content:""; display:inline-block; width: 100%; height: 10px; display: inline-block; background: #FFD84B; position: absolute; bottom: 0; left: 0; z-index: -1;} 2. box-shadow p {font-size: 26px; position: relative; d..