Developer Factory

[css] 이미지 파일로부터 일부 이미지 추출 본문

Developer/Css

[css] 이미지 파일로부터 일부 이미지 추출

Jeremy.Park 2014. 6. 16. 10:19
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
<!-- 이미지 파일로부터 일부 이미지 추출
=> 큰 이미지 파일에 작은 이미지들을 통합
=> 로딩 속도 빠르다

background: url("...") left좌표 top좌표;
-->
<html>
<head>
<meta http-equiv="Content-Type" content= "text/html; charset=UTF-8">
<title> CSS008</title >
<style type="text/css" >
#d1 {
  border: 1px solid red;
  width: 30px;
  height: 30px;
  background: url("icons.png") -30px -30px ;
}



</style>
</head>

<body>
<div id="d1" ></div>
</body>
</html>


저작자표시

'Developer > Css' 카테고리의 다른 글

반응형 웹 화면 크기 변화에 따른 컨텐츠 변화하기  (0) 2014.08.23
[css] 선택자(selectors) - 조합 선택자  (0) 2014.06.16
[css] 엘리먼트의 배치  (0) 2014.06.16
[css] 박스 border  (0) 2014.06.16
[css] 폰트 다루기  (0) 2014.06.16
'Developer/Css' Related Articles more