Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

CSS Border


Ê×ÏÈҪ˵µÄÊÇÔªËØµÄborder£¬ÔªËصı߿ò (border) ÊÇÎ§ÈÆÔªËØÄÚÈݺÍÄڱ߾àµÄÒ»Ìõ»ò¶àÌõÏß¡£CSS border ÊôÐÔÔÊÐíÄã¹æ¶¨ÔªËر߿òµÄÑùʽ¡¢¿í¶ÈºÍÑÕÉ«¡£
CSS ±ß¿ò
ÔÚ HTML ÖУ¬ÎÒÃÇʹÓñí¸ñÀ´´´½¨Îı¾ÖÜΧµÄ±ß¿ò£¬µ«ÊÇͨ¹ýʹÓà CSS ±ß¿òÊôÐÔ£¬ÎÒÃÇ¿ÉÒÔ´´½¨³öЧ¹û³öÉ«µÄ±ß¿ò£¬²¢ÇÒ¿ÉÒÔÓ¦ÓÃÓÚÈκÎÔªËØ¡£
ÔªËØÍâ±ß¾àÄÚ¾ÍÊÇÔªËØµÄµÄ±ß¿ò (border)¡£ÔªËصı߿ò¾ÍÊÇÎ§ÈÆÔªËØÄÚÈݺÍÄڱ߾ݵÄÒ»Ìõ»ò¶àÌõÏß¡£
ÿ¸ö±ß¿òÓÐ 3 ¸ö·½Ã棺¿í¶È¡¢Ñùʽ£¬ÒÔ¼°ÑÕÉ«¡£
±ß¿òµÄÑùʽ
ÑùʽÊDZ߿ò×îÖØÒªµÄÒ»¸ö·½Ã棬Õâ²»ÊÇÒòΪÑùʽ¿ØÖÆ×ű߿òµÄÏÔʾ£¨µ±È»£¬Ñùʽȷʵ¿ØÖÆ×ű߿òµÄÏÔʾ£©£¬¶øÊÇÒòΪÈç¹ûûÓÐÑùʽ£¬½«¸ù±¾Ã»Óб߿ò¡£Ò²¾ÍÊÇ˵£º"border-width"ºÍ"border-color"ÊôÐÔ²»Äܵ¥¶ÀʹÓã¬ÐèÒªÏÈÓà "border-style“ÊôÐԹ涨±ß¿òÖ®ºó²Å¿ÉÒÔʹÓá£
CSS µÄborder-style ÊôÐÔ¶¨ÒåÁË 10 ¸ö²»Í¬µÄ·Ç inherit Ñùʽ£¬°üÀ¨ none¡£Ò²¿ÉÒÔΪһ¸ö±ß¿ò¶¨Òå¶à¸öÑùʽ£¬ÀýÈ磺
p.aside {border-style: solid dotted dashed none;}
ÉÏÃæÕâÌõ¹æÔòΪÀàÃûΪ aside µÄ¶ÎÂ䶨ÒåÁËËÄÖֱ߿òÑùʽ£ºÊµÏßÉϱ߿ò¡¢µãÏßÓұ߿ò¡¢ÐéÏßϱ߿òºÍÒ»¸ö²»´æÔÚµÄ×ó±ß¿ò¡£
ÎÒÃÇÓÖ¿´µ½ÁËÕâÀïµÄÖµ²ÉÓÃÁË top-right-bottom-left µÄ˳Ðò£¬ÌÖÂÛÓöà¸öÖµÉèÖò»Í¬Äڱ߾àʱҲ¼û¹ýÕâ¸ö˳Ðò¡£
±ß¿òµÄ¿í¶È
¿ÉÒÔͨ¹ý border-width ÊôÐÔΪ±ß¿òÖ¸¶¨¿í¶È¡£¿ÉÒÔÖ¸¶¨³¤¶ÈÖµ£¬»òÕßʹÓà 3 ¸ö¹Ø¼ü×ÖÖ®Ò»¡¾thin, medium£¨Ä¬ÈÏÖµ£©, thick¡¿À´¶¨Òå±ß¿òµÄ¿í¶È¡£
±ß¿òµÄÑÕÉ«
ÉèÖñ߿òÑÕÉ«·Ç³£¼òµ¥¡£CSS ʹÓÃÒ»¸ö¼òµ¥µÄ border-color ÊôÐÔ£¬ËüÒ»´Î¿ÉÒÔ½ÓÊÜ×î¶à 4 ¸öÑÕɫֵ¡£Èç¹ûûÓÐΪ±ß¿òÉùÃ÷ÑÕÉ«£¬Ëü½«ÓëÔªËØµÄÎı¾ÑÕÉ«Ïàͬ¡£ÁíÒ»·½Ã棬Èç¹ûÔªËØÃ»ÓÐÈκÎÎı¾£¬¼ÙÉèËüÊÇÒ»¸ö±í¸ñ£¬ÆäÖÐÖ»°üº¬Í¼Ïñ£¬ÄÇô¸Ã±íµÄ±ß¿òÑÕÉ«¾ÍÊÇÆä¸¸ÔªËØµÄÎı¾ÑÕÉ«£¨ÒòΪ color ¿ÉÒԼ̳У©¡£Õâ¸ö¸¸ÔªËغܿÉÄÜÊÇ body¡¢div »òÁíÒ»¸ö table¡£
͸Ã÷±ß¿ò
Èç¹û±ß¿òûÓÐÑùʽ£¬¾ÍûÓпí¶È¡£²»¹ýÓÐЩÇé¿öÏÂÄú¿ÉÄÜÏ£Íû´´½¨Ò»¸ö²»¿É¼ûµÄ±ß¿ò¡£
CSS2 ÒýÈëÁ˱߿òÑÕɫֵ transparent¡£Õâ¸öÖµÓÃÓÚ´´½¨Óпí¶ÈµÄ²»¿É¼û±ß¿ò¡£´ÓijÖÖÒâÒåÉÏ˵£¬ÀûÓà transparent£¬Ê¹Óñ߿ò¾ÍÏñÊǶîÍâµÄÄڱ߾àÒ»Ñù£»´ËÍ⻹ÓÐÒ»¸öºÃ´¦£¬¾ÍÊÇÄÜÔÚÄãÐèÒªµÄʹÓÃʹÆä¿É¼û¡£ÕâÖÖ͸Ã÷±ß¿òÏ൱ÓÚÄڱ߾࣬ÒòÎªÔªËØµÄ±³¾°»áÑÓÉìµ½±ß¿òÇøÓò£¨Èç¹ûÓпɼû±³¾°µÄ»°£©¡£
ÖØÒªÊÂÏÔÚ IE7 ֮ǰ£¬IE/WIN ûÓÐÌṩ¶Ô transparent µÄÖ§³Ö¡£ÔÚÒÔǰµÄ°æ±¾£¬IE »á¸ù¾ÝÔªËØµÄ color ÖµÀ´ÉèÖñ߿òÑÕ


Ïà¹ØÎĵµ£º

dz̸IEÓëFirefox¶ÔCSSµÄ²»Í¬½âÎö

¡¡
¡¡Æäʵ£¬ÒÔǰ´ÓÀ´Ã»ÓнӴ¥¹ýCSSÏà¹ØµÄÄÚÈÝ£¬¶¼ÊÇÔÚ×öÒµÎñµÄ±à³Ì£¬´ÓÀ´Ã»Ïë¹ýÇ°Ì¨Ò³ÃæµÄÉè¼ÆÒ²ÄÜÈç´Ë¸´ÔÓ¡£Õâ´ÎÏîÄ¿µÄ¿ª¹ý¹ý³ÌÖУ¬×÷ΪCSS²ËÄñµÄÎÒÒ²
½Ó´¥µ½CSSµÄÏà¹ØÉè¼Æ¡£Ëù³öÏֵĵͼ¶ÎÊÌâºÍÀ˷Ѻܶàʱ¼äµÄ×´¿öÒ²²ã³ö²»ÇËùÒÔͨ¹ý¸÷·½ËÑË÷ºÍ×Ô¼ºµÄʵ¼ÊѧϰÖÐ×ܽá³ö¼¸µãIEºÍFirefox¶ÔCSS
µÄÇø±ð£¬¸ø´ó¼Ò½è¼ø¡£
¡¡¡ ......

CSSÖв»Í¬ä¯ÀÀÆ÷µÄ¼æÈÝÐÔÎÊÌ⣨ËѼ¯µ½µÄ£©

Ëæ×Å×îÐÂCSSµÄ²»¶ÏÍêÉÆ£¬Ô½À´Ô½¶àµÄÍøÕ¾²ÉÓÃDIV+CSS²¼¾Ö¡£¶øÔ­À´Ê¹ÓÃtableÌ×tableµÄÍøÒ³²¼¾ÖģʽҲÖð½¥Ó¦¸ÃÌÔÌ­ÁË¡£ÓÉÓÚĿǰIE6²»ÄÜÖ§³ÖÓÐЩ±ê×¼µÄCSS£¬ÐèÒªÓÃ΢ÈíÌØÓеÄCSSÀ´ÐÞ¸´ÕâЩBUG.¶øÇÒÏÖÔÚËæ×Åä¯ÀÀÆ÷²ã³ö²»ÇҪÊÇÒ³ÃæÄܹ»ÊÊÓ¦¾¡Á¿¶àµÄä¯ÀÀÆ÷³ÉΪһ¸ö¿ÎÌâ¡£ µ«ÊÇËæ×ÅCSS±ê×¼µÄ½øÒ»²½ÍêÉÆ£¬ä¯ÀÀÆ÷½«×îÖÕ¶¼»á×ñÑ­Õ⸠......

xhtml mp ºÍ wap cssÓ¦Óý²½âÒ»


ʹÓÃwap css¿ÉÒÔ°ÑÄÚÈݺͱíʾ·ÖÀ룬ºÃ´¦£º
1.ʹÓÃwcssʹÄÚÈݺÍÑùʽ·ÖÀ룬¿ÉÒÔΪ²»Í¬ÊÖ»ú£¬Éè¼Æ¼¸¸ö°æ±¾wap css style sheet ºÍÖ¸¶¨²»Í¬ÆÁ
Ä»´óС¡£ÄÚÈÝÈ´²»ÐèÒªÐ޸ġ£
2.Ϊ²»Í¬É豸£¬ÈçPC,PDA,MOBILE PHONE£¬×¼±¸²»Í¬Ñùʽ±í£¬ÄÚÈݲ»ÐèÒª¸Ä±ä¡£
3.¼õÉÙά»¤Ò»¸öwapÕ¾µã£¬µ±ÓÐеĵ绰£¬Ö»ÐèÒªÔö¼ÓеÄÑùʽ±í£¬ÄÚÈݲ»ÐèÒ ......

IE6 IE7 IE8 FFä¯ÀÀÆ÷µÄCSS¼æÈÝÎÊÌâ(ת)

IE6¡¢IE7¡¢IE8¡¢FFä¯ÀÀÆ÷µÄCSS¼æÈÝÎÊÌ⣬±¾À´ie6¸úffÖ®¼äµÄ¼æÈÝÊǺÜÈÝÒ×½â¾öµÄ¡£¼ÓÉϸöie7»áÂé·³µã£¬ie8µÄ³öÏ־͸üÍ·ÌÛÁË£¬Ô­À´hack ie7µÄ·½·¨ÓÖ²»ÄÜÓÃÁË£¬Ôõô°ìÄØ£¿
»¹ºÃ£¬Î¢ÈíÌṩÁËÕâÑùÒ»¸ö´úÂ룺 °ÑÕâ¶Î´úÂë·Åµ½ÀïÃæ£¬ÔÚie8ÀïÃæµÄÒ³Ãæ½âÎöÆðÀ´¾Í¸úie7һģһÑùµÄÁË£¬ËùÒÔ£¬»ù±¾ÉÏ¿ÉÒÔÎÞÊÓie8£¬Ê£ÏµĴúÂëÖ»ÐèÒªÕâÑùд¾ ......

Ц̸IEϵÁÐ6.0µ½8.0ÍøÕ¾CSS¼æÈÝ

·½·¨³¬¼¶¼òµ¥Èý¾ä»°£º
µÚÒ»£º×öÍøÕ¾ÓÃIE7.0£¬Õâ¸ö°æ±¾ÊÇ×î±ê×¼µÄ°æ±¾¡£ÏȲ»Òª¹Ü±ðµÄä¯ÀÀÆ÷ÊÇ·ñ¼æÈÝ¡£
µÚ¶þ£ºÍøÕ¾×öÍ꣬ºÃÁËÓÃIE6.0£¬IE8.0²âÊÔһϣ¬ºÃÁË£¬IE6.0ÓÐС²¿·Ö±ä¶¯£¬IE8.0²ÒÄ¿È˶ã¬ÏÖÔÚÏÈÀ´½â¾öIE6.0µÄÎÊÌâ
         IE6.0ÊÇÏÖÔÚ×îÀÃ×îÀ¬»øµÄä¯ÀÀÆ÷°æ±¾£¬o(︶ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ