![[CSS] 형광펜 효과 포스팅 썸네일 이미지](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FeeOOUj%2FbtqQNpB248I%2FAAAAAAAAAAAAAAAAAAAAAIwAypcVASn16XyB6YtybKzAMkUilHD6mBdjDOtrQN66%2Fimg.jpg%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1753973999%26allow_ip%3D%26allow_referer%3D%26signature%3DjacBuJHnSoLkMF%252FuuLnzvUyF51c%253D)
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..
