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>