[webÉè¼Æ] CSS Sprites ͼƬÕûºÏ¼¼Êõ
cssÖÐÓÃÒ»Õű³¾°Í¼×öÒ³ÃæµÄ¼¼ÊõÓÐʲôÓÅÊÆ£¿
¼òµ¥½éÉÜһϠCSS Sprites µÄÓŵ㣺
µ±Óû§ÍùUÅÌÖп½200ÕÅͼƬ£¬»áµÈ
ºÜ¾Ã¡£µ«ÊÇÈç¹ûŪ³ÉÒ»¸öÎļþ£¬ÔÙ¿½±´¾Í»á¿ìºÜ¶à¡£
CSS Sprites µÄÄ¿µÄ¾ÍÊÇͨ¹ýÕûºÏͼƬ£¬¼õÉÙ¶Ô·þÎñÆ÷µÄÇëÇóÊýÁ¿£¬´Ó¶ø¼Ó¿ìÒ³Ãæ¼ÓÔØ
Ëٶȡ£
ʵ
ÏÖ·½·¨
£º
Ê×ÏȽ«Ð¡Í¼Æ¬ÕûºÏµ½Ò»ÕÅ´óµÄͼƬÉÏ
È»ºó¸ù¾Ý¾ßÌåͼ±êÔÚ´óͼÉϵÄλÖ㬸ø±³¾°¶¨Î»¡£
background-position:-8px -95px;
ShuzirenCMSÔÚ±à¼Æ÷,ÍøÉÏÉ̳ǵÈÀ¸Ä¿Ä£¿éÉÏÒÑÈ«Ã濪ʼʹÓô˼¼Êõ
Ïà¹ØÎĵµ£º
ºÐ×Ó±êÇ©ºÍÊôÐÔ¶ÔÕÕ
CSSÓï·¨£¨²»Çø·Ö´óСд£©
JavaScriptÓï·¨£¨Çø·Ö´óСд£©
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border ......
+++ ÿ¸ãITµÄÈ˶¼ÖªµÀB/SϵͳµÄDIV+CSS½á¹¹£¬ÖªµÀËüµÄºÃ¡£µ«Èç¹ûÄãÎÊ£¬DIV+CSS½á¹¹ÊÇʲô£¿ºÃÔÚÄÄÀï?ʵ¼ÊÏîÄ¿Ó¦¸ÃÈçºÎÌåÏÖ»òʵÏÖ£¿Ã¿¸öÈ˶¼ÄܺÍÄã°×»ï¼¸¾ä£¬ÓÐЩÈËÉõÖÁ»áÌÏÌϲ»¾ø£¬¶øÍùÍùÕâЩÌÏÌϲ»¾øµÄÈËÒ²Ö»ÊÇÌýÁíһЩÌÏÌϲ»¾øµÄÈË˵µÄ£¬½ö½öÊÇ“½ÓÊÕ”²¢“½ÓÊÜ”ÁËÐÅÏ¢£¬That is all£¬¾ÍÏñÒ»ÕÅ´ÅÅÌ£ ......
1¡¢Ê®Áù½øÖƵÄÑÕÉ«Öµ¶ÔλÊýÓë´óСд
±àдʮÁù½øÖÆÑÕɫֵʱÄã¿ÉÄÜ»áÓÃСд×Öĸ»òÊ¡ÂÔ³É3λÊý£¬¹ØÓÚÕâд·¨Ã»ÕÒµ½È·ÊµµÄÊý¾ÝÖ¤Ã÷¶Ôä¯ÀÀÆ÷µÄäÖȾЧÂÊÊÇ·ñÓÐÓ°Ï죬µ«Ê®Áù½øÖƵÄÑÕɫֵĬÈϱê×¼ÊÇ´óд¼°6λÊý±ê×¢¡£ÔÚδ֪Çé¿öϲ»Ï£ÍûðÏÕ¶ø½µµÍÁËäÖȾµÄЧÂÊ¡£
* ²»ÔÞ³É - color:#f3a;
* ½¨ÒéÓà - color:#FF33AA;
2¡¢disp ......
µ±ÔÚ×öÏîĿʱ£¬Í¨³£ÎÒÃÇ»á´óÁ¿µÄʹÓÃĸ°æÒ³£¬Ê¹ÓÃĸ°æÒ³µÄºÃ´¦ÏÔ¶øÒ×¼û£¬µ«Í¨³£ÔÚÄÚÈÝÒ³ÖÐǶÌ×ĸ°æҳʱ£¬ÎÒÃÇ»¹ÒªÔÚÄÚÈÝÒ³Öе÷ÓÃcssÑùʽºÍ javascriptº¯Êý£¬ºÃ´¦ÓÐÁË£¬ÎÊÌâÒ²À´ÁË¡£ÓÐÁ½ÖÖ½â¾ö·½·¨£¬µÚÒ»ÖÖ¾ÍÊÇÔÚĸ°æÒ³µÄÍ·²¿<head></head>±ê¼ÇÖУ¬Ç¶ÈëËùÓÐcssÑùʽºÍjavascriptº¯Êý£¬ÕâÑù×öʹµÃĸ°æÒ³µÄÄÚÈݷdz£ ......