CSS 메뉴버튼 , 이미지 하나로 해결하는 방법 (이미지 스프라이트) Image Sprites
CSS를 이용하여 메뉴버튼 만들기 공개소스나 템플릿을 사용하다 보면 이미지 폴더에 다음과 같은 이미지가 있는 경우가 있습니다 여러개의 버튼(아이콘)을 한개의 이미지로 만들어 놓고, 이를 CSS에서 구역에 맞게 잘라서 사용하는 방식입니다 예를들어 위와 같은 아이콘 이미지가 있을경우 홈버튼의 경우는 다음과 같이 지정할 수 있습니다 #home { left: 0px; width: 46px; background: url('img_navsprites.gif') 0 0; } 뒤로가기 버튼은 다음과 같이 지정할 수 있습니다 #prev { left: 63px; width: 43px; background: url('img_navsprites.gif') -47px 0; } 이때 background 에서 -47px 을 지정한..
카테고리 없음
2020. 12. 11. 10:56
