HTML 엔티티 + CSS content 코드 적용하는 방법
·
조회수 16
이전 게시물인 화살표 특수문자 + HTML 엔티티 + CSS content 코드( https://www.grunge.co.kr/techtip/127 )에서 HTML 엔티티와 CSS content 코드를 적용하는 방법입니다.
왼쪽 화살표(←)를 HTML 엔티티(←)로 출력
<!-- HTML: 이름 엔티티 또는 숫자 엔티티 -->
<span class="prev">← 이전</span>
/* 결과*/
← 이전왼쪽 화살표(←)를 CSS content 코드(\2190)를 적용해 출력
<style>
.prev::before { /* 앞쪽에 출력 */
content: "\2190"; /* '←' 에 해당하는 CSS content 코드 */
}
</style>
<span class="prev">이전</span>
/* 결과 */
←이전