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¼¼Êõ¡£
ÇëÇó·þÎñÆ÷µÄ´ÎÊýÊÇÒ»´Î£¬ÔÚ·þÎñÆ÷¶Ë·¢ËÍÒ³Ãæµ½ÄãµçÄÔÉϵÄʱºò£¬°ÑÕâ¸öͼƬ´æÔÚÁË»º´æÀºóÁ½´Î¶¼Êǵ÷Óûº´æÀïµÄͼƬ¡£ËùÒÔÊÇÒ»´Î¡£
Ïà¹ØÎÊ´ð£º
ÎÒͨ¹ý BACKGROUND: url(images/s.gif) no-repeat 0px 0px; µ÷Õûµ½Í¼Æ¬µÄλ×ÓÕýºÃµÄʱºò¡£¿ÉÊÇͼƬ»á¸ù¾Ýä¯ÀÀÆ÷´°¿ÚµÄ´óС²»¹Ì¶¨¡£
Ç뿴ͼ
A:hover {
COLOR: #1e50c1; TEXT-DECORATION: underline; ......
·ÖÒ³µã»÷ÏÂһҳʱ£¬ Ò³Êý»áˢжøÄÚÈݲ»»áˢУ¬Ôõô½â¾ö
Ìù´úÂë
ΪʲôµÚÒ»Ò³ÓÐÄÚÈÝÏÔʾ¶øÒÔºóµÄÿһҳ¶¼Ã»ÓУ¬²¢ÇÒÒ²´ÓÊý¾Ý¿âÖжÁ³öÕâЩÊý¾ÝÁË
1¡£Õâ¸öÎÊÌâºÍCSSûÓйØϵ
2¡£²»ÖªµÀÄãÊÇÔÚǰ̨·ÖÒ³µÄ»¹ÊÇ ......
ÎÒ¶ÔcssÔ²½Ç±àдµÄÀí½â²»´óÇå³þ¡£¡£¡£¡££¬Çë´ó¼Ò°ï°ïæ
(¡Ño¡Ñ)¡ Ö§³Ö2Â¥ ˵°×Á˾ÍÊÇ¿´ÉÏÈ¥Ïñ¸öÔ²½Ç È˵ÄÊÓ¾õ»ù±¾±æ±ð²»³öÀ´
ллѽ£¬£¬£¬ºÜÓаïÖú¡£¡£¡£
²»´í£¬°ï¶¥ÁË
²»ÓÿÍÆøÄØ
ºÙºÙÄǾÍÉ¢·Ö½á ......
´ó¼Ò¶¼Ôõô¼ÇÒäcss¼òдÊôÐԵİ¡£¬ÎÒÔõô×ÜÊǼDz»×¡
±ÈÈçfont£º Ö±½Ó¸úןܶàÊôÐÔ¡£¡£¡£¼ÇµÄÓôÃÆ
ËÓкð취
д¶àÁ˶¼ÊìϤÁË
д¶àÁË ²»Öª²»³£¼û¾Í¼ÇסÁË
¶àд~~~
font³£ÓõľÍÄÇô¼¸¸ö ´óС¡ ......