·¢²¼Ê±¼ä : ÐÇÆÚÈý ÎÄÕÂ֤ȯ¹«Ë¾DIV+CSS²¼¾Ö°¸Àý - ͼÎĸüÐÂÍê±Ï¿ªÊ¼ÔĶÁ19761e6da98271fe910ef987
°¸Àý10£ºÖ¤È¯¹«Ë¾DIV+CSS²¼¾Ö°¸Àý
Ŀ ¼
°¸Àý10£ºÖ¤È¯¹«Ë¾DIV+CSS²¼¾Ö°¸Àý................................................................................1 °¸Àý10£ºÖ¤È¯¹«Ë¾DIV+CSS²¼¾Ö°¸Àý................................................................................2
10.1Ч¹ûͼ·ÖÎö ...........................................................................................................2 10.2Ч¹ûͼÇÐƬ ...........................................................................................................3 10.3ÖÆ×÷Õ¾µãÊ×ҳͷ²¿.................................................................................................4
10.3.1 Ê×ҳͷ²¿µÄÐÅÏ¢ºÍ»ù´¡ÑùʽµÄÖÆ×÷..............................................................5 10.3.2 Ò³ÃæÍ·²¿µÄ·ÖÎö..........................................................................................9
10.3.3 Ê×ҳͷ²¿logo ºÍbanner²¿·ÖµÄÖÆ×÷ ...........................................................9 10.3.4µ¼º½ÁбíµÄÖÆ×÷ ........................................................................................ 14 10.4ÖÆ×÷Õ¾µãÊ×Ò³Ö÷Ìⲿ·Ö........................................................................................ 19
10.4.1·ÖÎöÖ÷Ìⲿ·ÖЧ¹ûͼ ................................................................................. 19 10.4.2 ÖÆ×÷Ö÷Ìⲿ·ÖµÄ¸¸ÔªËØ ............................................................................. 20
10.4.3ÖÆ×÷Ö÷Ìå×ó²à²¿·Ö ..................................................................................... 21 10.4.4 ÖÆ×÷Ö÷ÌåÓÒ²àÄÚÈÝÖйØÓÚÎÒÃǵIJ¿·Ö ........................................................ 28 10.4.5ÖÆ×÷½ñÈÕÐÂÎŲ¿·Ö ..................................................................................... 34 10.4.6ÖÆ×÷µã²¦ºÍʱÆÀµÄ²¿·Ö .............................................................................. 37 10.4.7ÖÆ×÷ºÏ×÷»ï°é ............................................................................................ 41 10.5 ÖÆ×÷Ê×Ò³µÄµ×²¿ ................................................................................................. 42 10.6Ê×Ò³µÄ¼æÈÝÎÊÌâ .................................................................................................. 44 10.7¶þ¼¶Ò³ÃæµÄÖÆ×÷ .................................................................................................. 46
°¸Àý10£ºÖ¤È¯¹«Ë¾DIV+CSS²¼¾Ö°¸Àý
±¾°¸ÀýÖص㣺
? ? ? ?
Ч¹ûͼµÄ·ÖÎö Õ¾µãµÄÊ×Ò³ÖÆ×÷ ¶þ¼¶Ò³ÃæµÄÖÆ×÷ ¼æÈÝÎÊÌâµÄ½â¾ö
10.1Ч¹ûͼ·ÖÎö
±¾ÀýÖÐͨ¹ýÒ»¸öʵÀý½²½âÒ»¸ö¶þ¼¶Ò³ÃæµÄÖÆ×÷·½·¨£¬ÆäËûÒ³ÃæµÄÖÆ×÷¿ÉÒÔ²ÎÕÕÀàËƵķ½·¨¡£ÆäÖÐÕ¾µãÊ×Ò³µÄЧ¹ûÈçͼ10-1Ëùʾ¡£
ͼ10-1ÍøÕ¾Ê×ҳЧ¹ûͼ
Ò»¸ö¶þ¼¶Ò³ÃæµÄЧ¹ûÈçͼ10-2Ëùʾ¡£
ͼ10-2Õ¾µã¶þ¼¶Ò³ÃæµÄЧ¹ûͼ
´Óͼ10-1ºÍͼ10-2¿ÉÒÔ¿´³ö£¬Ê×Ò³ºÍ¶þ¼¶Ò³ÃæµÄÍ·²¿¡¢×ó²àºÍµ×²¿ÊÇÏàͬµÄ£¬ÓҲಿ·ÖµÄ¿í¶ÈºÍÑùʽÊÇÏàͬµÄ£¬Çø±ðÔÚÓÚÄÚÈݲ»Í¬¡£
1. Ê×ҳЧ¹ûͼµÄ·ÖÎö
´Óͼ10-1¿ÉÒÔ¿´³ö£¬´ËʱÊ×Ò³ÔÚ×ÝÏò¿ÉÒÔ·ÖΪ3¸ö²¿·Ö£ºÍ·²¿£¨°üÀ¨logo²¿·ÖºÍµ¼º½£©¡¢ÄÚÈݲ¿·ÖºÍµ×²¿¡£ÆäÖÐÖм䲿·Ö¿ÉÒÔ·ÖΪÁ½²¿·Ö£º×ó²àµÄ¹«¸æÈȵãÐÅÏ¢µÈ¡¢ÓÒ²àµÄ¹ØÓÚÎÒÃÇ¡¢ÐÂÎÅÁбíºÍÏà¹ØÁ¬½Ó²¿·Ö¡£ 2. ¶þ¼¶Ò³ÃæµÄ·ÖÎö
¶þ¼¶Ò³ÃæºÍÊ×Ò³µÄ½á¹¹»ù±¾Ïàͬ£¬ÆäÖеÄÇø±ðÔÚÓÚÓÒ²àµÄÄÚÈÝ´ËʱΪÐÂÎÅÁÐ±í¡£
10.2Ч¹ûͼÇÐƬ
·ÖÎöÍêÍøÒ³ºó£¬¾ÍÒª½øÐÐЧ¹ûͼÇÐƬÁË¡£Í¬ÑùҪעÒâÎı¾µÄÒþ²Ø¡¢ÇÐƬµÄÑ¡ÔñºÍ±£´æ¸ñʽµÈ¼¸¸ö·½Ãæ¡£ÏÂÃæ½øÐÐÏêϸ½²½â¡£
ÔÚÖÆ×÷ÇÐƬʱ£¬Ê×ÏÈÒªÇø·ÖÒ³ÃæÄÚÈÝÓëÐÞÊεIJ¿·Ö£¬È»ºó·ÖÎö³öÄÇЩÐÞÊβ¿·ÖÊÇ¿ÉÒÔÓÃCSS´úÂëʵÏֵģ¬ÄÇЩ²¿·ÖÊÇ¿ÉÒÔÓñ³¾°Í¼Æ¬À´ÊµÏֵģ¬ÄÇЩÊÇÐèÒªÖªµÀÏêϸ¿íµÄ¡£ÔÚÖÆ×÷ÇÐͼʱ£¬Ê×ÏÈ°ÑÓ°Ïì±³¾°µÄÎı¾ÄÚÈÝÈ¥µô£¬Í¬Ê±¾¡Á¿¼õÉÙͼƬÎļþµÄÊýÁ¿¡£ÖÆ×÷ºÃµÄЧ¹ûͼÈç10-3Ëùʾ¡£
ͼ10-3Ê×ҳЧ¹ûͼµÄÇÐƬ
´Óͼ10-3µÄÇÐƬ¿´³ö£¬ÓÃ×ö±³¾°µÄͼƬ°üÀ¨Í·²¿±³¾°¡¢µ¼º½±³¾°¡¢Ö÷Ìâ±³¾°¡¢µ×²¿±³¾°¡¢·ÖÀàͼ±ê£¬ÆäËûµÄͼƬÄÚÈÝͼƬ¡£ÇкÃͼºó£¬½«ÇÐƬ±£´æµ½´ÅÅÌÏàÓ¦µÄλÖá£ÒòΪʵÀýÖжþ¼¶Ò³ÃæÄÚÈݲ¿·ÖûÓÐеÄͼƬ£¬ËùÓпÉÒÔ²»½øÐÐÇÐͼ²Ù×÷ÁË¡£Ð½¨Ò»¸öÕ¾µã£¬È»ºó½«Ê¹ÓõÄͼƬ·ÅÈëimagesÎļþ¼ÐÀï¡£
10.3ÖÆ×÷Õ¾µãÊ×ҳͷ²¿
×öºÃÕ¾µã¹¤×÷×¼±¸ºó£¬¾Í¿ÉÒÔ¿ªÊ¼ÖÆ×÷ÍøÒ³Ò³ÃæÁË¡£Í¬Ç°ÃæÕ½ڵÄʵÀýÖÆ×÷Ò»Ñù£¬Ê×ҳͷ²¿Ò²Òª·Ö³É¼¸¸ö²¿·Ö½øÐÐÖÆ×÷¡£ÏÂÃæ·Ö±ð½øÐн²½â¡£