cssÖÐbackgroundΪͼƬµÄÇëÇó´ÎÊý
±ÈÈçÎÒ×öµÄÒ»ÕÅͼ ÀïÃæ°üº¬ÁËN¸öСͼƬ
CSSÕâÑùд£º
.a{background:url('/images/theme-hotgoods.gif') no-repeat left -130px;}
.b{background:url('/images/theme-hotgoods.gif') no-repeat -100px -130px;}
.c{background:url('/images/theme-hotgoods.gif') no-repeat -200px -130px;}
ËûÊÇÇëÇóÕâ¸öͼƬһ´ÎÄØ£¬»¹ÊÇÇëÇó3´ÎÄØ£¿
CSS Sprites¼¼Êõ¡£
ÇëÇó·þÎñÆ÷µÄ´ÎÊýÊÇÒ»´Î£¬ÔÚ·þÎñÆ÷¶Ë·¢ËÍÒ³Ãæµ½ÄãµçÄÔÉϵÄʱºò£¬°ÑÕâ¸öͼƬ´æÔÚÁË»º´æÀºóÁ½´Î¶¼Êǵ÷Óûº´æÀïµÄͼƬ¡£ËùÒÔÊÇÒ»´Î¡£
Ïà¹ØÎÊ´ð£º
ÔÚʹÓÃCSSÖеÄpadding-leftʱÓöµ½Ò»¸öÎÊÌâ¡£¾ÍÊDZ¾À´ÒѾÉèÖúõĿí¶È£¬padding-leftÒ»ÉèÖà ¶àÉÙºÃÏñ¾Í°ÑÕâ¸ö¼Ó¿íÁ˶àÉÙ¡£ºóÃæµÄDIV¾Í±äλÖÃÁË¡£ÓÐû½â¾ö°ì·¨Ñ½
ÇëÎÊÄãIE¼¸°¡£¿=£¬= ²»»áÓÐÕâÖÖÇé¿öÒ®
Èç¹ûÊÇIE6£¬Ä ......
ÎÒͨ¹ý BACKGROUND: url(images/s.gif) no-repeat 0px 0px; µ÷Õûµ½Í¼Æ¬µÄλ×ÓÕýºÃµÄʱºò¡£¿ÉÊÇͼƬ»á¸ù¾Ýä¯ÀÀÆ÷´°¿ÚµÄ´óС²»¹Ì¶¨¡£
Ç뿴ͼ
A:hover {
COLOR: #1e50c1; TEXT-DECORATION: underline; ......
ÔõÑùʹµÃdiv2ºÍdiv1ÔÚͬһÐÐÉÏ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" ......
´ó¼Ò¶¼Ôõô¼ÇÒäcss¼òдÊôÐԵİ¡£¬ÎÒÔõô×ÜÊǼDz»×¡
±ÈÈçfont£º Ö±½Ó¸úןܶàÊôÐÔ¡£¡£¡£¼ÇµÄÓôÃÆ
ËÓкð취
д¶àÁ˶¼ÊìϤÁË
д¶àÁË ²»Öª²»³£¼û¾Í¼ÇסÁË
¶àд~~~
font³£ÓõľÍÄÇô¼¸¸ö ´óС¡ ......
ÈçºÎÔÚ²»É¾³ýÈçÏ´úÂëµÄÇé¿öÏÂʵÏÖÍ¼Æ¬ËæÊó±êµÄ¹ö¶¯¶ø¹ö¶¯£¿
´úÂ룺<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt ......