ÈçºÎÈø¡¶¯²ã¼Ómarginºó²»»»ÐÐ Div+CSS½Ì³Ì
´ËÎÄΪÍøÉÏÊÕ¼¯~
¸ø¿Í»§×öÕ¾µÄʱºòÓöµ½µÄÎÊÌâ,div²ã¼ÓÁËmarginºó ×Ü¿í¶È³¬¹ý¸¸¼¶²ã¿í¶È ¾Í×Ô¶¯»»ÐÐÁË ÈçºÎÈø¡¶¯²ã¼Ómarginºó²»»»ÐÐÄØ?
ÏÂÃæ¿´¸¡¶¯²ã¼Ómarginºó»»ÐеÄÀý×Ó:
±ÈÈç˵ÓиöDIV¿í¶ÈΪ380px£¬ËüÀïÃæÓÐÒ»¸ö²Ëµ¥ÁÐ±í£¬Ã¿¸ö¿í¶ÈΪ60px£¬margin-rightΪ20px¡£Èç¹û¾Í°´ÕÕÏÂÃæµÄHTML½á¹¹À´×öµÄ»°£¬ÄÇôÕâ¸ö²Ëµ¥ÁбíÄÜÔÚÕâ¸öDIVÀïÒ»ÐÐÏÔʾÍêÕûÂð£¿
1. <div>
2. <div>mb5u1</div>
3. <div>mb5u2</div>
4. <div>mb5u3</div>
5. <div>mb5u4</div>
6. <div>mb5u5</div>
7. </div>
5¸ö²Ëµ¥£¬Ã¿¸ö¿í¶ÈΪ60px£¬ÓÒ±ßÍâ²¹°×Ϊ20px£¬Òò´Ëÿ¸ö²Ëµ¥ÕûÌå¿í¶ÈÊÇ80px£¬5¸ö²Ëµ¥×ܳ¤¶ÈΪ400px£¬¶ø¸¸¼¶²ã¿í¶ÈÖ»ÓÐ380px£¬¸ù¾Ý¸¡¶¯µÄÔÀí£¬ÄÇôµÚ5¸ö²Ëµ¥½«ºÁÎÞÒÉÎʵı»¼·ÏÂÈ¥¼´»»ÐÐÁË¡£
¿´ÏÂÎҵĽâ¾ö·½·¨:
´úÂëÈçÏÂ:
1. <div>
2. <div class="overflowDiv">
3. <div>mb5u1</div>
4. <div>mb5u2</div>
5. <div>mb5u3</div>
6. <div>mb5u4</div>
7. <div>mb5u5</div>
8. </div>
9. </div>
¸¸¼¶²ã¿í¶È380px£¬ÕÚÕÖ²ãoverflowDiv¿í¶ÈÉèÖÃΪ²Ëµ¥ÐèÒªµÄ400px,overflowΪhidden¡£Òò´Ë£¬ºÜ×ÔÈ»µÄ£¬ÕÚÕÖ²ã¶à³öµÄ20ÏñËز¿·ÖÔò²»»áÏÔʾ³öÀ´¡£
¶ø²Ëµ¥¾ÍÔÚÕâ400pxµÄ¿í¶ÈÀïΪËùÓûΪÁË¡£
Èç¹û¸÷λÅóÓÑÓиüºÃµÄ°ì·¨£¬Ï£ÍûÄÜÔÚÆÀÂÛÖÐÁôÑÔ¸æËßÎÒŶ¡£
Ïà¹ØÎĵµ£º
Á´½Ó·½·¨£º
ÍⲿÁ´½ÓÑù±í£º<head><link rel="stylesheet" type="text/css" href="*.css"></head>
ÄÚ²¿µÄ£º1:<head><style type="text/css"> example css </style></head>
&nbs ......
CSSÃüÃû¹æ·¶
ҳͷ£ºheader
µÇ¼Ìõ£ºloginbar
±êÖ¾£ºlogo
²àÀ¸£ºsidebar
¹ã¸æ£ºbanner
µ¼º½£ºnav
×Óµ¼º½£ºsubnav
²Ëµ¥£ºmenu
×Ӳ˵¥£ºsubmenu
ËÑË÷£ºsearch
¹ö¶¯£ºscroll
Ò³ÃæÖ÷Ì壺main
ÄÚÈÝ£ºcontent
±êÇ©Ò³£ºtab
ÎÄÕÂÁÐ±í£ºlist
ÌáʾÐÅÏ¢£ºmsg
С¼¼ÇÉ£ºtips
À¸Ä¿±êÌ⣺title
¼ÓÈ룺joinus
Ö¸ÄÏ£ºguil ......
·½·¨Ò»£º
¿çä¯ÀÀÆ÷µÄÍøÒ³Éè¼ÆÒ»Ö±ÊÇÈÃÈ˺ÜÍ·ÌÛµÄÎÊÌ⣬Õâ²»Ö»ÊÇÒòΪä¯ÀÀÆ÷µÄ°æ±¾Öڶ࣬»¹ÓÐÒ»¸öÖØÒªµÄÔÒòÊÇÏàͬä¯ÀÀÆ÷µÄ²»Í¬Ê±Æڵİ汾Ҳ»áÓвîÒ죬
ÉõÖÁÊÇÔÚ²»Í¬²Ù×÷̨ͬÉÏ»¹»áÓв»Í¬¡£Òò´ËʹCSS hack¼¼Êõ½øÐÐä¯ÀÀÆ÷Çø·ÖÊÇʵÏÖ¿çä¯ÀÀÆ÷·ÃÎÊÒ»¸öºÃ·½·¨¡£CSS
Hack¼¼ÊõÓкܶ࣬¾ßÌå¿ÉÒԲ鿴£º
± ......
CSS ±»ºöÂԵij£Ê¶
ÎÄÕ·ÖÀà:WebÇ°¶Ë
1¡¢²»ÒªÊ¹ÓùýСµÄͼƬ×ö±³¾°Æ½ÆÌ¡£Õâ¾ÍÊÇΪºÎºÜ¶àÈ˶¼²»Óà 1px µÄÔÒò£¬Õâ²ÅÖªÏþ¡£¿í¸ß 1px µÄͼƬƽÆ̳öÒ»¸ö¿í¸ß 200px µÄÇøÓò£¬ÐèÒª 200*200=40, 000 ´Î£¬Õ¼ÓÃ×ÊÔ´¡£
2¡¢Îޱ߿ò¡£ÍƼöµÄд·¨ÊÇ border:none;£¬¹þ¹þ£¬ÎÒÒ»Ö±ÔÚÓÃÕâ¸ö¡£ border:0; Ö»ÊǶ¨Òå±ß¿ò¿í¶ÈΪÁ㣬µ«±ß¿òÑùʽ¡ ......
.netÖÐ css ¿ØÖÆ GridView Ñùʽ
.net 2007-07-23 10:42:11 ÔĶÁ1173 ÆÀÂÛ0 ×ֺţº´óÖÐС
.GridViewStyle
{
border-right: 2px solid #A7A6AA;
border-bottom: 2px solid #A7A6AA;
bo ......