css sprites
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><style type="text/css" >* {padding:0;margin:0;}/**************css sprites ********************/div#sprites {border:1px solid #ccc;height:100px;width:400px;padding:10px;}div#sprites a {border:1px solid #ccc;width:19px;height:19px;display:block;float:left;margin-left:5px;}a#spr_a {background:url(01.gif) 0px 0px no-repeat;}a#spr_b {background:url(01.gif) -17px 0px no-repeat;}a#spr_c {background:url(01.gif) -35px 0px no-repeat;}a#spr_d {background:url(01.gif) -53px 0px no-repeat;}a#spr_e {background:url(01.gif) -71px 0px no-repeat;}</style></head><body><div id="sprites"> <a id="spr_a" href="#"></a><a id="spr_b" href="#"></a><a id="spr_c" href="#"></a><a id="spr_d" href="#"></a><a id="spr_e" href="#"></a> </div></body></html>
页:
[1]