CSSÈçºÎ¿ØÖÆÍøÒ³±³¾°

ʱ¼ä£º2016.04.26 ·¢²¼ÈË£ºlxseu**ic

CSSÈçºÎ¿ØÖÆÍøÒ³±³¾°

Òѽâ¾öÎÊÌâ

¹È¸èlxseu**icÓû§ÔÚ2016.04.26Ìá½»Á˹ØÓÚ¡°¶¹Ö­CSSÈçºÎ¿ØÖÆÍøÒ³±³¾°¡±µÄÌáÎÊ£¬»¶Ó­´ó¼ÒÓ¿Ô¾·¢±í×Ô¼ºµÄ¹Ûµã¡£Ä¿Ç°¹²ÓÐ1¸ö»Ø´ð£¬×îºó¸üÐÂÓÚ2025-02-25T17:16:32¡£Ï£Íû´ó¼ÒÄܹ»°ïÖúËý¡£

ÏêϸÎÊÌâÃèÊö¼°ÒÉÎÊ£ºÆÚ´ýÄúµÄ´ð°¸£¬Äã¾ÍÊǵ±´úµÄ»îÀ×·æ,Ì«¸ÐлÁË £¡

Ï£ÍûÒÔϵĻشð£¬Äܹ»°ïÖúÄã¡£

µÚ1¸ö»Ø´ð

Óû§Ãû£ºzy200861457  

´ó¼Ò³£³£ÎªÒ»Ð©±È½ÏºÏÊÊÓÚ×Ô¼ºµÄÍøÒ³±³¾°µÄͼƬ¶ø·¢À´×Ô³î°É£¬ÒòΪÕâЩͼƬ²»ÊÇÌ«´ó¾ÍÊÇ̫С£¬»òÕßÌ«ÂÒ£¬Ëµµ½±³¾°Ò²¾ÍÖ»Óб³¾°ÑÕÉ«ºÍÑÕ**Ƭ£¬ÕâÁ½¸ö´ó¼ÒÒ»¶¨¶¼ÖªµÀÔÚÀï¼ÓÈëbgcolor="#808080"ºÍbackground="URL"¶Ô°É£¬ÆäʵҲ¿ÉÒÔÓÃCSSÑùʽÀ´×öµÄÎÊ´ð±³¾°£¬ÕûÌåÅäºÏ»¹ÊǷdz£²»´íµÄ¡£

¡¡¡¡·±³¾°ÑÕÉ«background-color

¡¡¡¡Õâ¸öµÄĬÈÏÖµ¾¡ÈÈÊÇtransparent(͸Ã÷É«)¡£

ÒÔÏÂÊÇÒýÓÃÆ¬¶Î£º
¡¡¡¡Àý£ºbody{background-coloÄØr:yellow}
¡¡¡¡h**1{background-colo²®ÔõÒâÁ¿¾Ór:#000000}


¡¡¡¡·±³¾°Í¼Æ¬background-image

¡¡¡¡±³¾°Ð£Öð²®ÌÖÕþͼƬºÍ±³¾°ÑÕÉ«ÔÚh**TMLÀïÃæµÄÉèÖÃÒ²ÊÇ»ù±¾ÏàͬµÄ£¬¶¼¿ÉÒÔÔÚÀï¼ÓÈëÏà¹ØµÄÓï¾äÀ´Íê³É¡£µ«ÊÇÔÚÕâÀËùÖ¸µÄ²¢·ÇÊÇÓÃÕâÖÖ·½·¨£¬ÎÒÓõķ½·¨»¹ÊÇCSS¡£background-imageÕâ¸öµÄÖ÷Òª¹¦ÄÜÒ²¾ÍÊÇÓÃÀ´ÏÔʾͼƬ£¬Èç¹ûÐèÒªÏÔʾͼƬµÄ»°£¬ÄÇôֻҪÔÚºóÃæ¼ÓÉÏurl(ͼƬµÄµØÖ·)¾Í¿ÉÈô°´ÒÔÁË£¬²»ÏÔʾÂÄÇÊÇ×î¼òµ¥²»¹ýµÄÁË£¬Ê²Ã´Ò²²»Òª¾ÍÐÐÁË£¬ÒòΪÕâ¸öĬÈϵľÍÊÇ/q/1461773381727717/none£¬¶øÒª¼ÓµÄ»°£¬¾ÍÊÇÔÚºóÃæ¼ÓÉÏÕâ¸ön³¯Ôõ³öone¾Í¿ÉÒÔÁË¡£

¼¤ÕùÍò´¦¹»¹Ü¶ÔÒÔÏÂÊÇÒýÓÃÆ¬¶Î£º
¡¡¡¡Àý£ºbody{background-image:url('/q/1461773381727717/file&:/C:/WINDOWS/BACKGRND.GIF')}
¡¡¡¡h1{background-image:url('/q/1461773381727717/none')}

¡¡¡¡´ó¼ÒÔÚʹÓÃÀïµÄ±³¾°Í¼Æ¬Ê±£¬Ò»¶¨³£³£Óöµ½Ò»Ð©Í¼Æ¬ÒòΪ̫С£¬¶ø**ÉúÖÖÖÖÈçͼƬµÄÖØ¸´³öÏÖ¶øÆÆ»µÁËÕû¸öÒ³Ãæ¶·¶ÁÁòÔØ¾ÛËü¿à·þ¿óµÄÃÀ¸Ð£¬Ïë»»³ÉÆäËüͼƬÓÖ²»ºÏÊÊÖ®ÀàµÄÂé·³Çé¿ö°É¡£²»¹ýÏÖÔÚºÃÁË£¬´ó¼ÒÖ»ÒªÓÃÁËÒÔÏµļ¸¸öCSSÀï¿ØÖÆÍ¼Æ¬·½·¨£¬ÄÇôÄãÒÔÁ½×ÔÏȿɶ¥ÄÄ»ÆÔ½Ö°³äºó¾Í²»»áÔÙÓдËÀàµÄÂ鷳ʷ¢ÉúÁË¡£

¡¡¡¡·Í¼Æ¬ÊÇ·ñÖØ¸´ÏÔʾbackground-repeat

¡¡¡¡ÓÐʱºòÖØ¸´ÏÔʾÊÇÐèÒªµÄ£¬¿ÉÊÇÓÐʱºòÖØ¸´ÏÔʾÔòÊÇÈÃÈËÀÏÍ·Í´µÄ£¬ÏÖÔÚÕâ¸ö¿ÉÒԺܺõİïÖúÄãÁË£¬¶øÇÒËü»¹¿ÉÒÔ°ïÄã¿ØÖÆÍ¼Æ¬ÖØ¸´µÄ·½Ê½(ˮƽ·½ÏòÖØ¸´¡¢´¹Ö±·½ÏòÖØ¸´ÒÔ¼°Á½¸ö·½Ïò¶¼ÓÐÖØ¸´)£¬¶øÒªÊµÏÖÕâÈý¸ö·½ÏòµÄÖØ¸´Ò²¾ÍÖ»ÒªÔÚbcackground-repeatºóÃæ¼ÓÉÏrepeat-x(ˮƽ·½ÏòÆÌ¿ª)¡¢repeat-y(´¹Ö±·½ÏòÆÌ¿ª)¡¢repeÕë¿ó²ÎººÑÔÏ˵ľ¿ÓÚÊØat(Á½¸ö·½ÏòÆÌ¿ª)¡£µ±È»£¬Ëü¿ÉÒÔ¿ØÖÆÍ¼Æ¬µÄÖØ¸´£¬Ò²¿ÉÒÔ¿ØÖÆÍ¼Æ¬²»Öظ´µÄ¡£no-repeatÕâ¸ö¾ÍÊÇÓÃÀ´±íʾֻÏÔʾһ·ù±³¾°Í¼Æ¬£¬¶ø²»ÊÇÖØ¸´³öÏֵģ¬Õâ¸ö¿É²»ÊÇĬÈϵÄ컨¼õµ¥ÏãÎ÷Ó´£¬Ä¬ÈϵÄÊÇÖØ¸´ÏÔʾ±³¾°Í¼Æ¬(repeat)¡£
¡¡¡¡ÒÔÏÂÊÇÒýÓÃÆ¬¶Î£º
Àý£ºbody{backÁ¿°ÉÖÕÕëÀûground-image:url('/q/1461773381727717/file&:/C:/WINDOWS/BACKGRND.GIF');background-repeat:no-repeat}

¡¡¡¡·**ͼƬÏÔʾλÖÃbackground-position

¡¡¡¡Ò»Õű³¾°Í¼Æ¬¾­¹ýµ£¼´·¨ÉÏÃæµÄÉèÖúóÍùÍù»**»¹»µÄ£¬ÒòΪµ±ÄãʹÓÃÉÏÃæµÄ²»Öظ´ÏÔʾÉèÖúó£¬Í¼Æ¬Ö»ÏÔʾÔÚÒ³ÃæµÄ×óÉϽǣ¬¶ø²»»áÔÚÆäËüµØ·½£¬¿ÉÊÇÈç¹ûÒªÔÚÖмä»òÕ߯äËüµØ·½³öÏÖÕâÕű³¾°Í¼Æ¬µÄ»°£¬ÄÇôbackground-positionÕâ¸ö¾Í¿ÉÒÔ°ïÄãÁË£¬ÒòΪËü¾ÍÊÇÓÃÀ´ÏÔʾͼƬÏà¶ÔÓÚ×óÉϽǵÄÒ»¸öλÖõÄ(¾ÍÊÇĬÈϵÄÖµ0%0%)£¬ÓÉÁ½¸öÖµÀ´É趨£¬ÖмäÓÿոñÀ´¸ô¿ª¡£ËüµÄÖ÷ÒªµÄ¼¸¸öÖµÓÐleft|center|rightºÍtop|center|bottom£¬Ò²¿ÉÒÔÓðٷÖÊýÖµÖ¸¶¨Ïà¶ÔλÖûò½¨ÅÜÎå·þʤÍþÒÆÓÃÒ»¸öÖµÀ´Ö¸¶¨¾ø¶ÔλÖã¬Èç50%±íʾµÄλÖÃÊÇÔÚÖÐÐÄ£¬¶ø50pxµÄˮƽֵÔò±íʾͼƬ¾à×óÉϽÇÇøÓòË®Æ½ÒÆ¶¯50pxµ¥Î»;ÕâÀïÒªÌØ±ðÖ¸³öµÄÊÇ£¬1µ±ÄãÉèÖÃÖµµÄʱºòÖ»Ìṩһ¸öÖµ£¬ÔòÏ൱ÓÚÖ»Ö¸¶¨Ë®Æ½Î»Ö㬴¹Ö±×Ô¶¯ÉèÖÃΪ50%;2µ±ÄãÉèÖõÄÖµÊǸºÊýµÄʱºò£¬Ôò±íʾ±³¾°Í¼Æ¬³¬³ö±ß½ç¡£

ÒÔÏÂÊÇÒýÓÃÆ¬¶Î£º
¡¡¡¡Àý£ºbody{background-image:url('file&:///C:/WINDOWS/BACKGRND.GIF');backgroun¹»¿àÌõÑõÔì×ãÄÃd-repeat:no-repeat;background-position:100px10px}

¡¡¡¡·¿ØÖÆÍ¼Æ¬ÊÇ·ñ¹ö¶¯background-attachment

¡¡¡¡ÉÏÃæµÄÁ½²½¿ÉÒÔ°ïÄãÍê³ÉͼÏñµÄ**£¬¿ÉÊÇÕâÑù×öºÃÒÔºó»**»ÊÇÍêÃÀµÄ£¬ÒòΪÈç¹ûÄãµÄÒ³ÃæÓйö¶¯ÌõµÄʱºò£¬ÄÇôÄãÕâÕű³¾°Í¼Æ¬¾Í²»»áÓÀÔ¶**ÔÚÄǸöλÖÃÁË£¬Èç¹ûÏëҪͼÑó²ßµÛÊÜÑÔÔðËÕÆ¬ÓÀÔ¶**ÔÚÄǸöλÖ㬾ÍÖ»ÓÐÈÃÕâÕÅÍ¼Æ¬Ëæ×ÅÒ³ÃæµÄÄÚÈݵĹö¶¯¶ø¹ö¶¯£¬Õâʱbackground-attachment¾Í¿ÉÒÔ°ïÄãÁËÄãÖ»Òª¼ÓÈëscroll(¾²Ö¹)ºÍfixed(¹ö¶¯)ÖÐµÄÆäÖÐÒ»¸ö¾Í¿ÉÒÔÁË¡£µ±È»²»ÊÇÈÃÄãÂҼӵģ¬±Ï¾¹scrollÊÇĬÈϵģ¬Ò²¾ÍÊDz»ÈÃÍ¼Æ¬ËæÒ³ÃæµÄÄÚÈݶø¹ö¶¯µÄ¡£

ÒÔÏÂÊÇÒýÓÃÆ¬¶Î£º
¡¡¡¡Àý£ºbody{background-image:url('/q/1461773381727717/file&:/C:/WINDOWS/BACKGRND.GIF');background-repeat:no-repeat;background-attachment:fixed}


¡¡¡¡ºÃÁË£¬¾­¹ýÒÔÉÏÕâ·¬ÉèÖú󣬱³¾°Ò»¶¨»á¸üÃÀµÄ£¬µ«Êý¶àµÄ´úÂëÍùÍù¿É¶ÁÐԺܲÈÝÒ×ÈÃÈË**Éú´íÎó£¬ËùÒÔÔÚÕâÀïÒª¸æËß´ó¼ÒµÄ¾ÍÊÇ¿ÉÒÔ°ÑÒÔÉϵĴúÂëÈ«²¿¼ÓÔÚÒ»ÆðʹÓã¬Ò²¾ÍÊÇ˵°ÑÒÔÉÏÏà¹ØµÄ´úÂë¼Óµ½backgroundÖС£ÔÚ°Ñ´úÂë¼Óµ½backgroundÖеÄʱºòÒªÔÚÿ¸öÖµÖмä¼ÓÉϿոñÀ´¸ô¿ª£¬¶øÇÒ²»Òª°Ñ±³¾°ÑÕÉ«µÄ´úÂë·ÅÔÚ±³¾°Í¼Æ¬µÄURLºóÃæ£¬ÒÔÃâͼƬÏÔʾ²»³öÀ´¡£

ÒÔÏÂÊÇÒýÓÃÆ¬¶Î£º
¡¡¡¡Àý£ºbody{background:greenurl('/q/1461773381727717/file&:/C:/WINDOWS/BACKGRND.GIF')fixed100px50pxno-repeat}

¡¡¡¡×îºóÌáÐÑһϴó¼Ò£¬Èç¹ûÓôúÂëÖ±½Ó²åÈëµÄ»°£¬ÄÇôһ¶¨Òª·ÅÏÂÃæÕâ¸ö´úÂëµÄÀïºóÔÙ·ÅÔÚÖ®¼ä²ÅÄÜÕý³£ÏÔʾ³öÀ´!