ʹÓÃCSS¸ñʽ»¯TableÑùʽ
ÔÚÍøÒ³ÀïʹÓÃtableµÄʱºò£¬Ñùʽһ°ã±È½ÏÄѹÜÀí£¬ÒòΪtableµÄÓÐЩÑùʽÓëÆäËü¿Ø¼þ²»Ì«Ò»Ñù
1¡¢tableµÄ·ÖÍâ±ß¿ò£¬tr±ß¿ò£¬td±ß¿ò£¬ËüÃÇÖ®¼ä¶¼ÊÇÓмä¾àµÄ
2¡¢Äã¿ÉÒÔÖ¸¶¨ËüÃÇÖ®¼äµÄ¼ä¾àΪ0£¬µ«µ±ÄãÉèÖñ߿òʱ£¬»á·¢Ïֱ߿òÊÇ2px¿íµÄ£¬ÒòΪÔÚtableÀtr¡¢tdµÈÔªËØÊÇÏàÁÚµÄ
ËùÒÔÏë×öÒ»¸öºÃ¿´µÄtableÑùʽ¿ÉÒԲο¼ÒÔϵIJ½Ö裺
1¡¢tableÉèÖÃ
border-collapse:collapse; /*ÉèÖüä¾àΪ0*/
border: 1px solid #808080; /*ÉèÖÃtableµÄ×îÍâ²ã±ß¿ò*/
2¡¢trÉèÖÃ
/*ÉèÖÃtrµÄÉϱßÓëϱßÑùʽ*/
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #808080;
border-bottom-color: #808080;
3¡¢th,tdÉèÖÃ
/*ÉèÖÃth,tdµÄ×ó±ßÓëÓÒ±ßÑùʽ*/
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #808080;
border-left-color: #808080;
4¡¢.NoBorderÀàÉèÖÃ
/*ÉèÖò»ÏÔʾ±ß¿òµÄÑùʽ*/
.NoBorder {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
ͨ¹ýÇ°3Ïî¾Í¿ÉÒÔÏÔʾһ¸öÈ«±ß¿òµÄtable£¬
Èç¹ûÄãÏëÈ¥µôijÐлòijÁеı߿ò£¬½«tr»òtdµÄclassÉèÖóÉ.NoBorder¾Í¿ÉÒÔÁË
Èç¹ûÄãÏëÈ¥µôtable×îÍâÃæµÄ±ß¿ò£¬½«tableµÄclassÉèÖóÉ.NoBorder¾Í¿ÉÒÔÁË
·Ç³£·½±ã£¬µ±È»ÎÒÕâ¸ö·½·¨²»Äܽâ¾öËùÓÐÉè¼ÆÐèÇ󣬵«ËüÊÇÄ¿Ç°±È½Ï¹æÕû¡¢·½±ãµÄ·½·¨£¬´úÂëÁ¿Ò²±È½ÏС£¬Âß¼Ò²¼òµ¥
´ó¼Ò¿ÉÒÔÔÚÕâ¸ö»ù´¡ÉϽøÒ»²½À©Õ¹×ö³ö¸ü¶àÑùµÄtable
Ïà¹ØÎĵµ£º
Ò»¡¢Ê¹ÓÃSTYLEÊôÐÔ
½«STYLEÊôÐÔÖ±½Ó¼ÓÔÚ¸ö±ðµÄÔª¼þ±êÇ©À<Ôª¼þ(±êÇ©) STYLE="ÐÔÖÊ(ÊôÐÔ)1: É趨ֵ1; ÐÔÖÊ(ÊôÐÔ)2: É趨ֵ2;
...}
<td style="color:#c00; font-size:15px; line-height:18px;>
¡¡¡¡°ËÊ®Äê´ú
</td>
ÕâÖÖ·½·¨Óŵ㣺¿ÉÁ ......
IEµÄÎÊÌ⣺
Ò».Ë«±ß¾àÎÊÌâ
¸¡¶¯ÔªËصÄÍâ±ß¾à»á¼Ó±¶£¬µ«ÓëµÚÒ»¸ö¸¡¶¯ÔªËØÏàÁÚµÄÆäËû¸¡¶¯ÔªËØÍâ±ß¾à²»»á¼Ó±¶¡£
½â¾ö·½·¨£ºÔڴ˸¡¶¯ÔªËØÔö¼ÓÑùʽ display:inline;
¶þ.ͼƬ²úÉúµÄ¼ä϶
¸¸ÔªËØÖ±½Ó°üº¬<img>£¬Õâ¸öͼƬÏ·½»áºÍ¸¸ÔªËرßÔµ²úÉú¼ä϶¡£
½â¾ø·½·¨£º1.ÔÚÔ´´úÂëÖÐÈÃ</div>ºÍ<img>ÔÚÍ ......
CSS·ÖÀ¸²¼¾ÖµÄ·½·¨:¾ø¶Ô¶¨Î»ºÍ¸¡¶¯
³ö´¦£ºÍøÒ³½ÌѧÍø
×÷ÕߣºØýÃû
ÈÕÆÚ£º2009-03-09
¡¡
¡¡ÔÚCSSÖУ¬ÊµÏÖ·ÖÀ¸²¼¾ÖÓÐÁ½ÖÖ·½·¨¡£µÚÒ»ÖÖ·½·¨ÊÇʹÓÃËÄÖÖCSS¶¨Î»Ñ¡Ïabsolute
¡¢static¡¢relativeºÍfixed£©Öеľø¶Ô¶¨Î»£¨absolute
positioning£©£¬Ëü¿ÉÒÔ½«ÎĵµÖеÄij¸öÔªËØ´ÓÆäÔ±¾Î»ÖÃÉÏÒƳý£¬²¢ÖØж¨Î» ......
1 Õë¶Ôfirefox ie6 ie7µÄcssÑùʽ
ÏÖÔڴ󲿷ֶ¼ÊÇÓÃ!importantÀ´hack£¬¶ÔÓÚie6ºÍfirefox²âÊÔ¿ÉÒÔÕý³£ÏÔʾ£¬
µ«ÊÇie7¶Ô!important¿ÉÒÔÕýÈ·½âÊÍ£¬»áµ¼ÖÂÒ³Ãæû°´ÒªÇóÏÔʾ£¡ÕÒµ½Ò»¸öÕë
¶ÔIE7²»´íµÄhack·½Ê½¾ÍÊÇʹÓÓ*+html”£¬ÏÖÔÚÓÃIE7ä¯ÀÀһϣ¬Ó¦¸ÃûÓÐÎÊÌâÁË¡£
ÏÖÔÚдһ¸öCSS¿ÉÒÔÕâÑù£º
#1 { color: #33 ......
/*¿ØÖÆͼƬµÄ´óС*/
.contentimg{
max-width:600px;
/*max-height:100px;*/
}
*html.contentimg{
width:expression(this.width>50&&this.width>this.height?60:auto);
/*height:expresion(this.height>50?50:auto);
*/
}
µ÷ÓÃ
$("#"+id.substring(0,id.length-5)+"arCon"). ......