개발자 권군

  • 홈
  • 태그
  • 방명록

background-position 1

[HTML][CSS] 이미지 스프라이트 (Image Sprite)

이미지 스프라이트(Image Sprite) : 여러 이미지를 하나의 이미지 파일에 저장 이것을 css를 통해 좌표를 이용해 각각의 이미지로 쓰는 기법 >> 하나의 이미지 파일 안에 4개의 아이콘이 있다. 1. 화살표 방향대로 up,down,right,left 4개의 class 2. css - background 이미지 불러오기 up,.down,.left,.right{background: url(../images/image_sprites.png);} 3. 각각 아이콘마다 크기, 좌표 알아내기 - 그림판에서 이미지 위에 마우스를 움직여 보면 아래에 좌표가 뜬다. - 이 좌표를 보고 가로,세로 크기와 아이콘들의 좌표를 지정한다. 4. css에서 지정하기 .up{width: 21px;height: 20px;ba..

HTML & CSS 2020.12.26
이전
1
다음
더보기
프로필사진

개발자 권군

프론트엔드 개발자 권군이

  • 연구실 (46)
    • HTML & CSS (17)
    • JavaScript (17)
    • Blender-3D modeling (2)
    • React (3)
    • Python (0)
    • C++ 개념 (1)
    • 디자인 (1)
    • 코딩테스트 (2)
      • [Baekjoon Online Judge] 문제 .. (1)
      • [CodeUp] 기초 100제 (1)
      • [알고리즘] 개념 (0)
    • 일상 (1)
    • 회고록 (0)

Tag

Blender, table, 객체, 테이블, 블렌더, css, React, 모델링, html, 자바스크립트, 배열, 3D, 함수, 가상요소, push, 배열내장함수, python, javascript, counter, 3DMODELING,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/02   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28

방문자수Total

  • Today :
  • Yesterday :
권군이 깃허브

Copyright © Kakao Corp. All rights reserved.

티스토리툴바