背景图片的精灵图的使用

DOCTYPE html >

< html >

< head >

< meta charset= "utf-8" />

< meta http-equiv= "X-UA-Compatible" content= "IE=edge" >

< title >背景图片的精灵图的使用 title >

< meta name= "viewport" content= "width=device-width, initial-scale=1" >

< link rel= "stylesheet" type= "text/css" media= "screen" href= "main.css" />

< script src= "main.js" > < / script >

< style type= "text/css" >

             .box{

                 width: 85px;

                 height: 32px;

                 background-image: url( "qq.png");

                 background-position: -601px -160px;

                 margin: 400px 300px;

             }

< / style >

head >

< body >

< div class= "box" >

div >

body >

html >