생활코딩 정보

[CSS] 텍스트의 절반 높이만 형광펜으로 표시하기

페이지 정보

profile_image
작성자 관리자
댓글 0건 조회 256회 작성일 22-01-15 22:22

본문

마지막 글 수정: 2022년 01월 15일

아래와 같이 표시하는 이쁜 CSS 입니다.

첫줄 끝에 br태그와 그 아래 p태그를 붙인 이유는 줄바꿈을 해서 다른 글을 쓸때는 형광펜 효과가 안나타내기 위해서 입니다.

[code]

<span style="background: linear-gradient(to top, yellow 50%, transparent 50%);">텍스트의 절반 높이만 형광펜으로 표시</span><br />

<p>&nbsp;</p>

[/code]

 

3.jpg

판촉물제작 기프트조아