Browsing Tag

텍스트 메뉴를 그림으로 바꾸기

워드프레스에서 텍스트 메뉴 항목을 이미지로 바꾸기(CSS 사용)

이 글에서는 조금 재미있는(?) 주제를 다루어보려고 합니다. 텍스트로 된 메뉴 항목을 이미지로 바꾸는 방법을 CSS로 구현하는 방법을 살펴보겠습니다. 다음과 같은 사이드바 메뉴에서 "Sponsor" 항목을 이미지로 바꾸어보겠습니다. 이를 위해서는 먼저 해당 메뉴의 요소를 검사해야 합니다. 구글 크롬의 경우 마우스 오른쪽 버튼을 눌러 상황 메뉴에서 "요소 검사"를 선택하여 해당 항목의 요소를 확인할 수 있습니다. 이 예제에서는…