css:border width
Óï·¨£º
border-width : medium | thin | thick | length
²ÎÊý£º
medium : ¡¡Ä¬ÈÏ¿í¶È
thin : ¡¡Ð¡ÓÚĬÈÏ¿í¶È
thick : ¡¡´óÓÚĬÈÏ¿í¶È
length : ¡¡Óɸ¡µãÊý×ֺ͵¥Î»±êʶ·û×é³ÉµÄ³¤¶ÈÖµ¡£²»¿ÉΪ¸ºÖµ¡£Çë²ÎÔij¤¶Èµ¥Î»
˵Ã÷£º
Èç¹ûÌṩȫ²¿Ëĸö²ÎÊýÖµ£¬½«°´ÉÏ£Óңϣ×óµÄ˳Ðò×÷ÓÃÓÚËĸö±ß¿ò¡£
Èç¹ûÖ»Ìṩһ¸ö£¬½«ÓÃÓÚÈ«²¿µÄËÄÌõ±ß¡£
Èç¹ûÌṩÁ½¸ö£¬µÚÒ»¸öÓÃÓÚÉϣϣ¬µÚ¶þ¸öÓÃÓÚ×ó£ÓÒ¡£
Èç¹ûÌṩÈý¸ö£¬µÚÒ»¸öÓÃÓÚÉÏ£¬µÚ¶þ¸öÓÃÓÚ×ó£ÓÒ£¬µÚÈý¸öÓÃÓÚÏ¡£
ҪʹÓøÃÊôÐÔ£¬±ØÐëÏÈÉ趨¶ÔÏóµÄheight»òwidthÊôÐÔ£¬»òÕßÉ趨positionÊôÐÔΪabsolute¡£
Èç¹ûborder-styleÉèÖÃΪnone£¬±¾ÊôÐÔ½«Ê§È¥×÷Óá£
¶ÔÓ¦µÄ½Å±¾ÌØÐÔΪborderWidth¡£
ʾÀý£º
span { border-style: solid; border-width: thin; }
span { border-style: solid; border-width: 1px thin; }
thin midium thick
Ïà¹ØÎĵµ£º
¸Õ¿´µ½Ò»ÆªÎÄÕ£¬ËäÈ»ÄÚÈÝ´óÒâ֮ǰÔ綼Á˽â¹ý£¬Ò²¶¼¿´µ½¹ýʵÀý£¬µ«ÊÇ»¹ÊÇÔÚÕâ¸öµØ·½×ܽáһϰɣº
CSS¾«Á飬¿ÉÒÔ°ÑÍøÒ³ÖеÄһЩͼƬºÏ³ÉÒ»¸öͼƬ£¬Í¨¹ýCSSÀ´¿ØÖÆÏÔʾ£¬¼õÉÙHTTPµÄÇëÇó´ÎÊý£¬ÔÚÒ»¶¨³Ì¶ÈÉÏÔö¼ÓWEBµÄ½¡×³ÐÔ¡£
¶ÔÓÚÉÙÓÚ200KµÄͼƬ£¬·þÎñÆ÷½âÎöµÄËٶȶ¼Ã»ÓÐÌرð´óµÄ²î±ð£¬µ«ÊÇͨ¹ýͼƬµÄºÏ³É£¬¿ÉÒÔ¼õÉÙHTTPµÄ´ÎÊ ......
ʾÀý£º´ËDIVΪ¹Ì¶¨¶¨Î»¶ÔÏó
ҪʹHTMLÔª¼þ¶¨Î»ÓÚä¯ÀÀÆ÷µÄij¸ö¹Ì¶¨Î»Ö㬶ø²»Ëæ¹ö¶¯Ìõ¹ö¶¯£¬ÓÃÒÔÏÂCSS´úÂë¼´¿É£¬¿ç¸÷¸öÖ÷Á÷ä¯ÀÀÆ÷£º POSITION: fixed! important; TOP: 100px; _position: absolute; _top: 40; _left: 100¡£
ʾÀý¼ûÓұ߻Ƶ׺ì×Ö¿é¡£ ......
¿ÉÒÔ·ÅÖÃÑùʽµÄµØ·½£ºÑùʽ±í£¬<style>ºÍstyle
Ñùʽ±íÊÇÒ»¸ö¶ÀÁ¢µÄÎļþ£¬¿ÉÒÔͨ¹ý<link>ÔªËØ»òÕßcssµÄ@importÓï¾ä°ÑËü¸½¼Óµ½Ä³¸öhtmlÎĵµÖУ¬<style>ÊÇÒ»¸öhtmlÔªËØ£¬¿ÉÒÔ°ÑËüÄÚǶÔÚhtmlÎĵµÖУ¬styleÊÇÒ»¸öÊôÐÔ£¬¿ÉÒÔÄÚÖÃÔÚÈκÎhtmlÔªËØÖС£
ÒªÏë°ÑÑùʽ±íÁ¬µ½htmlÎĵµÖУ¬ÒªÔÚhtmlÎĵµÖеÄ<head> ......
¾ºÕù¹æÔò£ºcssÔÊÐí¶à´Î½«Í¬Ò»¸ö¹æÔò¸³Óèij¸öÔªËØ¡£²ãµþÅÅÐò¸ù¾Ý¹æÔòÖÐʹÓõÄÑ¡Ôñ·û½«¹æÔò»®·Ö6×飬¸ßÓÅÏȼ¶×éÀïµÄ¹æÔò»á¸²¸ÇµÍÓÅÏȼ¶×éÀïµÄ¹æÔò¡£ÆÕͨµÄÑ¡Ôñ·û»áÉèÖÃÎĵµµÄ×ÜÌåÑùʽ£¬¸ü¾ßÌåµÄÑ¡Ôñ·û»á¸²¸ÇÆÕͨѡÔñ·û£¬ÒÔΪÆäÌṩ¸ü¼ÓÌØÊâµÄÑùʽ
6¸öÑ¡Ôñ·ûȺ×飺
1. ʹÓÃ!important¹æ ......
1.cssÔÚ²»Í¬ä¯ÀÀÆ÷ÏÂÏÔʾЧ¹û²»Í¬
firefoxºÍIE¶ÔijЩcssÑùʽµÄÈ϶¨Óв»ÉÙÇø±ð£¬°üÀ¨£º
· ulºÍolµÄĬÈÏpaddingÖµÊDz»Ò»ÑùµÄ£¬ÔÚFirefoxÖУ¬ ......