¡¡¡¡CSS Sprites GeneratorÊÇÒ»¿îCSS SpritesÉú³ÉרÓù¤¾ß£¬¿Í»§Ö»±ØÐëµãÒ»ÏÂÁ½ÏµçÄÔÊó±ê¾Í¿ÉÒÔºÜÈÝÒ×µØÉú³ÉCSS Sprites¡£ºÏÀíÌáÉý ÁËÊÒÄÚÉè¼ÆʦµÄÒ³Ãæ¼ÓÔظßЧÂÊ£¬Êµ¼Ê²Ù×÷¼òÒ×±ã½Ý£¬Ê®·ÖºÃÓá£

Èí¼þ¼ò½é

¡¡¡¡CSS Sprites Generator¿É¸øÄãÈ«×Ô¶¯µØѸËÙÉú³ÉÒýÈëͼÏñ½Ï¶àµÄCSScssÑùʽ±í£¬¶øÎÞÐë±Êд´úÂ롣ΪÊÒÄÚÉè¼ÆʦÌáÉý Ò³Ãæ¼ÓÔظßЧÂʳöʾÁ˼òÒ×ѸËٵĽâ¾ö·½·¨¡£ÎªÁ˸üºÃµØ¸øÄãµÄÍøÒ³ÔØÈëËÙÂʸü¿ì£¬ÄãÄܶÔÄãµÄÍøҳͼÏñÓ¦ÓÃCSS Sprites Generator£¬Õâ´ú±í×ÅÄú²»ÓÃÔÚÄúµÄHTML´úÂëÖвå½øÐí¶à ͼÏñ£¬Ö»Êǽ«ËûÃÇ×é³ÉÒ»¸ö£¬ËæºóÓÃÊʶȵÄCSS´úÂëÏÔʾÐÅÏ¢ËûÃÇ¡£

Èí¼þÁÁµã

¡¡¡¡¸ù¾ÝÓ¦ÓÃCSS Spries£¬µ±ÄúµÄÍøÒ³½öÓÉÒ»¸ö×é³ÉµÄCSS SpriesͼÏñÔØÈëʱ£¬ÄúÄܹ»Ã÷ÏÔ½µµÍdns²éѯºÍÎĵµ²é¿´¡£

¡¡¡¡ÕâÔì³É ÔØÈëËÙÂʸü¿ì£¬°Ù¶ÈËÑË÷ÒýÇæ¸üϲ»¶ÔØÈëËٶȸü¿ìµÄÍøÒ³£¡

¡¡¡¡ÓÃ4µãÈí¼þµÄС¾«ÁéÉú³ÉÆ÷£¬ÄãÖ»ÐèµãÒ»ÏÂÁ½ÏµçÄÔÊó±ê¾Í¿ÉÒÔÇáÇáËÉËÉÉú³ÉС¾«Á飡

¡¡¡¡ÕâÒ»ÍêÈ«Ãâ·ÑרÓù¤¾ß½«Éú³É×é³ÉµÄCSS¾«ÁéͼÏñºÍÐèÒªµÄCSS¡¢HTML´úÂë¡£

¡¡¡¡Äú»¹¿ÉÒÔ½«ÄúµÄ¹¤×÷ÖÐÁí´æÐÂÏîÄ¿£¬ÉÔºòÔÙ¿ªÆôËü¡£

¡¡¡¡Ò²ÊÇÓÐÍêÈ«Ãâ·ÑµÄÔ´´úÂë¡£

ʹÓ÷½·¨

¡¡¡¡Á÷³Ì1 -¼ÓÉÏͼÏñ

¡¡¡¡×îÏÈ£¬ÄúÎñ±Ø¼ÓÉÏÒª±ä»»ÎªCSS SpritesµÄͼÏñ¡£

¡¡¡¡Ö»Ð谴ס¡°¼ÓÉÏͼÏñ¡±°´¼ü»ò´Ó¡°Í¼Ïñ¡±²Ëµ¥ÖÐÑ¡Ôñ¡°¼ÓÉÏ¡±¡£

¡¡¡¡Á÷³Ì2 -É趨¾«ÁéÌØÐÔ

¡¡¡¡ÔÚ¼ÓÉÏÄãµÄͼƬºó£¬ÄãÎñ±Ø´Ó×ó²àµÄĿ¼ÖÐÌôѡÿһÕÅͼƬ£¬ËæºóÖ¸¶¨ÄãÒªÏëµÄcssÀàÃû×ֺͱêʶ¡£±êʶ½ö½öЭÖúÄã¼ø±ðCSS´úÂëÖеÄͼÏñ¡£

¡¡¡¡Õë¶Ôÿһ¸öͼÏñ£¬Äã¼ÓÉÏÒ»¸öеÄCSSÀཫÔÚCSS´úÂëÖÐÉú³É¡£

¡¡¡¡Á÷³Ì3 -É趨×é³ÉͼÏñºÍͼÏñռλ·ûÍøÕ¾µØÖ·ºÍÎļþ·¾¶

¡¡¡¡ËæºóÄãÎñ±ØÌض¨ÒªÉú³ÉµÄ×é³É¾«ÁéͼÏñÎļþ·¾¶¡£ÄúÄܹ»ÌôÑ¡gif¡¢PNGºÍJPGͼÏñÎļþÊôÐÔ¡£

¡¡¡¡Äú»¹Îñ±ØÌض¨×é³É¾«ÁéͼÏñµÄÍøÕ¾µØÖ·£¬ÒòΪËü½«³ö¬FÔÚÄúµÄÍøÒ³ÉÏ¡£

¡¡¡¡³ý´ËÖ®Í⣬ռλ·ûͼÏñÊDZØÐèµÄ£¬±ãÓÚCSS¾«Á鹤×÷ÖС£

¡¡¡¡CSS¾«ÁéÉú³ÉÆ÷ÔçÒÑÓÐÒ»¸öĬÈÏÉèÖõÄռλ·ûͼÏñ£¬Ëü½«±»¿½±´µ½ÄúÌض¨µÄ²¿Î»¡£

¡¡¡¡ÄúÎñ±ØÌض¨ÒªÉú³ÉµÄռλ·ûµÄÎļþ·¾¶ÒÔ¼°ÔÚÍøÒ³ÉϵÄÍøÕ¾µØÖ·¡£

¡¡¡¡Á÷³Ì4 -Éú³ÉCSS¾«Áé

¡¡¡¡Ëæºó£¬°´×¡¡°Éú³É¡±°´¼ü»ò´Ó¡°×¨Óù¤¾ß¡±²Ëµ¥ÖÐÑ¡Ôñ¡°Éú³ÉCSS¾«Á顱£¬Ëæºó×é³ÉµÄ¾«ÁéͼÏñ½«ÓëCSSºÍHTML´úÂëÒ»ÆðÉú³É¡£

¡¡¡¡Ð¡¾«ÁéÉú³ÉÆ÷½«Éú³ÉÒ»¸ö×é³ÉµÄС¾«ÁéͼÏñ£¬Ò»¸öռλ·ûͼÏñ£¬Ò»¸öcss-sprites.html htmlÎĵµºÍÒ»¸öС¾«Áé¡£

¡¡¡¡Ñ¡ÖÐÉú³ÉµÄcssÎļþºó£¬½«¿ªÆôwindowsÈÎÎñ¹ÜÀíÆ÷¡£

¡¡¡¡Á÷³Ì5 -ÎļþÉÏ´«

¡¡¡¡Ëæºó£¬ÄúÎñ±Ø½«Éú³ÉµÄCSSͼÏñ×Ó½çÃæͼÏñÉÏ´«ÈëÄúµÄÍøÒ³£¬²¢½«Õ¼Î»·ûͼÏñÉÏ´«ÈëÄúµÄÍøÒ³ºÍ´ËÇ°Ìض¨µÄ²¿Î»¡£

¡¡¡¡µÚÁù²½¡ª¡ª±àдÍøÒ³µÄHTML¡¢CSS´úÂë

¡¡¡¡×îÖÕ£¬ÄúÎñ±ØÒÀ¾ÝÉú³ÉµÄHTMLºÍCSSÎĵµÀ´±àдÄúµÄÍøÒ³µÄHTMLºÍCSS´úÂë¡£

¡¡¡¡Îñ±ØÓÃռλ·ûͼÏñµÄURL¸ü»»Ã¿Ò»¸öͼÏñµÄÔ´URL£¬¶øÇÒÎñ±ØÏòÿһ¸öͼÏñµÄͼÏñ±êʶ¼ÓÉÏCSSÀà¡£ÔÚÄãµÄCSS´úÂëÖУ¬ÄãÎñ±Øð¤ÌùÉú³ÉµÄCSS´úÂë¡£