×ðÁú¿­Ê±¹ÙÍøµÇ¼

htmlÅ侰ͼƬÔõôÌí¼Ó

ÔõÑùÌí¼Ó html Å侰ͼƬ£¿ÔÚ ÔªËØÖÐÌí¼Ó background-image ÊôÐÔ£¬Ö¸¶¨Í¼Ïñ·¾¶¡£Ê¹Óà background-size ÉèÖÃÅä¾°¾Þϸ¡£Óà background-repeat ¿ØÖÆÅä¾°Öظ´·½·¨¡£¿ÉÑ¡ÉèÖãºÅ侰λÖá¢Åä¾°ÑÕÉ«¡¢¶àÕÅÅ侰ͼƬ¡£

HTML Å侰ͼƬÌí¼Ó

ÔõÑùÌí¼ÓHTMLÅ侰ͼƬ£¿

ΪHTMLÒ³ÃæÌí¼ÓÅ侰ͼƬµÄ°ì·¨ÈçÏ£º

°ì·¨ 1£º¶¨Î» body ÔªËØ

Á¬Ã¦Ñ§Ï°¡°Ç°¶ËÃâ·ÑѧϰÌõ¼Ç£¨ÉîÈ룩¡±£»

ÔÚ

ÔªËØÖÐÌí¼Ó background-image ÑùʽÊôÐÔ¡£

°ì·¨ 2£ºÌṩͼÏñ·¾¶

½«ÒªÏÔʾΪÅä¾°µÄͼÏñ·¾¶·ÅÈë url() º¯ÊýÖС£Â·¾¶¿ÉÒÔÊǾø¶Ô·¾¶»òÏà¶Ô·¾¶¡£

°ì·¨ 3£ºÉèÖÃÅä¾°¾Þϸ

ʹÓà background-size ÊôÐÔÖ¸¶¨Å侰ͼƬµÄ¾Þϸ¡£¿ÉÒÔÉèÖÃΪ cover£¨ÁýÕÖÕû¸öÒ³Ã棩¡¢contain£¨°´±ÈÀýµ÷½âΪÊʺÏÒ³Ã棩»òÖ¸¶¨ÏñËØÖµ¡£

°ì·¨ 4£ºÉèÖÃÅä¾°Öظ´

ʹÓà background-repeat ÊôÐÔ¿ØÖÆÅ侰ͼƬÔÚÒ³ÃæÉϵÄÖظ´·½·¨¡£¿ÉÒÔÉèÖÃΪ no-repeat£¨²»Öظ´£©¡¢repeat£¨Ë®Æ½ºÍ±ÊÖ±Öظ´£©»ò repeat-x/y£¨½öˮƽ»ò±ÊÖ±Öظ´£©¡£

ʾÀý´úÂ룺


µÇ¼ºó¸´ÖÆ

ÌØÊâÑ¡Ï

Å侰λÖÃ: ʹÓà background-position ÊôÐÔÉèÖÃÅ侰ͼƬÔÚÒ³ÃæÉϵÄλÖá£

Åä¾°ÑÕÉ«: ʹÓà background-color ÊôÐÔÉèÖÃÅä¾°ÑÕÉ«£¬ÈôÊÇÅ侰ͼƬ²»¿ÉÓûò͸Ã÷ʱÏÔʾ¡£

¶àÕÅÅ侰ͼƬ: ¿ÉÒÔʹÓöººÅÍÑÀë¶à¸öÅ侰ͼƬ£¬ÀýÈ磺background-image: url(/help/&), url(/help/&);

ÒÔÉϾÍÊÇhtmlÅ侰ͼƬÔõôÌí¼ÓµÄÏêϸÄÚÈÝ£¬¸ü¶àÇë¹Ø×¢±¾ÍøÄÚÆäËüÏà¹ØÎÄÕ£¡

ÃâÔð˵Ã÷£ºÒÔÉÏչʾÄÚÈÝȪԴÓÚÏàÖúýÌå¡¢ÆóÒµ»ú¹¹¡¢ÍøÓÑÌṩ»òÍøÂçÍøÂçÕûÀí£¬°æȨÕùÒéÓë±¾Õ¾Î޹أ¬ÎÄÕÂÉæ¼°¿´·¨Óë¿´·¨²»´ú±í×ðÁú¿­Ê±¹ÙÍøµÇ¼ÂËÓÍ»úÍø¹Ù·½Ì¬¶È£¬Çë¶ÁÕß½ö×ö²Î¿¼¡£±¾ÎĽӴýתÔØ£¬×ªÔØÇë˵Ã÷À´ÓÉ¡£ÈôÄúÒÔΪ±¾ÎÄÇÖÕ¼ÁËÄúµÄ°æȨÐÅÏ¢£¬»òÄú·¢Ã÷¸ÃÄÚÈÝÓÐÈκÎÉæ¼°ÓÐÎ¥¹«µÂ¡¢Ã°·¸Ö´·¨µÈÎ¥·¨ÐÅÏ¢£¬ÇëÄúÁ¬Ã¦ÁªÏµ×ðÁú¿­Ê±¹ÙÍøµÇ¼ʵʱÐÞÕý»òɾ³ý¡£

Ïà¹ØÐÂÎÅ

ÁªÏµ×ðÁú¿­Ê±¹ÙÍøµÇ¼

18523999891

¿É΢ÐÅÔÚÏß×Éѯ

ÊÂÇéʱ¼ä£ºÖÜÒ»ÖÁÖÜÎ壬9:30-18:30£¬½ÚãåÈÕÐÝÏ¢

QR code
ÍøÕ¾µØͼ