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

CSS¸öÈËС½á

ԭͼÊÇÖ¸ÓÃpsÉè¼Æ³öÀ´ÓÉͼ²ãÕûºÏ¶ø³ÉµÄ×îÖÕµÄÉè¼ÆÍ¼¡£
FSCapture.exeµÄ²¶×½»î¶¯´°¿ÚµÄ¿ì½Ý¼üÊÇF2
ÈçºÎÈ¥µô±³¾°Í¼ÉϵÄ×Ö£¿
ʹÓÃÇÐÆ¬¹¤¾ß°ÑͼƬÉϵÄËùÓÐͼƬÇÐÏÂÀ´ÒÔºó£¬Í¨¹ý“Îļþ|´æ´¢ÎªWebËùÓøñʽ”£¬Ñ¡Ôñ“´æ´¢”£¬ÔÚ“ÇÐÆ¬”ÏÂÑ¡Ôñ“ËùÓÐÇÐÆ¬”£¨Ñ¡ÖеÄÇÐÆ¬Ö»Óе±Ç°µÄÒ»¸ö£©£¬½«ËùÓÐÇÐÆ¬µ¼³ö£¬Ëü»á×Ô¶¯ÔÚ±£´æÂ·¾¶ÏÂÉú³ÉÒ»¸öimagesÎļþ¼Ð.
±³¾°Í¼Æ¬Ò»¶¨ÒªÉèÖÿíºÍ¸ß¡£
µ±Ò³ÃæÖеÄÔªËØ×ܵĿí¶È´óÓÚÆÁÄ»µÄ³ß´çµÄʱºò£¬Ó¦¸Ã¸ø°üº¬Ò³ÃæËùÓÐÒ³ÃæµÄ´ó²ã¶¨ÒåÒ»¸ö¿í¶È¡£
min-height£¨×îС¸ß¶È£©Ó¦¸ÃСÓÚµÈÓÚÓ¦ÓÃËüµÄÔªËØµÄ×îС¸ß¶È¡£
¼ÓÈëÁбíµÄÒ»¸ö·½±ãµÄ·½·¨ÊÇÔÚ“²ð·Ö”Ãæ°åµÄ“Éè¼Æ”ÇøÀïÃæ»Ø³µ³ö¼¸ÐУ¬È»ºóÑ¡ÖÐËüÃÇ£¬ÔÚ“ÊôÐÔ”Ãæ°åÀïÃæµã»÷“ÎÞÐòÁбí”ͼ±ê£¬Èç¹û»¹Òª¼ÓÈëÁ´½Ó£¬»¹¿ÉÒÔÔÚÑ¡ÖÐËüÃǵÄ״̬ÏÂÔÚ“Á´½Ó”Àï¼ÓÈëÁ´½ÓµØÖ·
ÒªÈÃÒ»¸ödivÔÚÁíÒ»¸ödivÀïÃæ£¬Ó¦¸ÃΪ×îÍâÃæµÄdiv¼ÓÒ»¸ö¿í¶ÈºÍ¸ß¶È¡£
ÔÚÑùʽ±íµÄ¿ªÍ·²¿·ÖÒ»¶¨ÒªÉèÒÔÏ£º
*{
 margin:0;
 padding:0;
 }
ÒÔÇå³ýÒ³ÃæÖÐĬÈϵÄÍâ±ß¾àºÍÄڱ߾ࡣ
µ±liÀïÃæÊÇͼƬµÄʱºò£¬ÒªÎªliÉèÒ»¸ö¸ß¶È£¬ÒÔÃâÔÚÏÂÃæ¼ÓÈëÔÙ¼ÓÈëͼƬµÄʱºò³öÏÖÒ»Ìõ¿Õ°×¡£
ÇÐͼʱÀ­³öÁ˸¨ÖúÏßµÄpsdͼƬ£¬Ó¦¸ÃÁí´æÎªÒ»·Ý×÷Ϊ²Î¿¼¡£
a ±êǩĬÈÏûÓпíºÍ¸ß£¬µ«ÊǸøËüÒ»¸öÊôÐÔ£ºdisplay:block;¼´¿ÉΪËüÉ趨¿íºÍ¸ßÁË¡£
#menu li a{
 display:block;
 width:100px;
 height:20px;
 text-decoration:none;
 padding-top:10px;
 text-align:center;
 background-color:#c93;
 }
#menu li a:hover{ 
 color:#fff;
 background-color:#c60;
 }
ÍøÒ³ÉϵÄÔªËØ¿ÉÒÔͨ¹ýÓÒ»÷£¬µã“²é¿´ÔªËØ”²é¿´¸ÃͼƬ£¬È»ºó“ͼƬÁí´æÎª”½«Í¼Æ¬ÏÂÔØµ½±¾µØÉÏÀ´¡£»¹¿ÉÒÔͨ¹ý²é¿´Í¼Æ¬µÄµØÖ·£¬È»ºó¸´ÖƵ½µØÖ·À¸ÖÐÍøÕ¾µÄ¸ùĿ¼ÏµÄÕÒµ½¸ÃͼƬ¡£
Èçhttp://www.phome.netÍøÒ³ÖеÄcolor.gif¿ÉÒÔͨ¹ýhttp://www.phome.net/color.gif  µØÖ·ÕÒµ½¸ÃͼƬ.
divµÄ²åÈë×îºÃÓÃDWÖеŤ¾ß²åÈ룬ÒÔÃâ±êÇ©²»Åä¶Ô¡£
ÒªÔÚÒ»ÐÐÖв¢´æÁ½¸ödiv£¬ÐèÒª¸¡¶¯£¬»¹ÒªÈÃËûÃǵĿí¶ÈÖ®ºÍСÓÚ¸ÃÐеĿí¶È¡£
list-style-image:ÁбíÏîÇ°ÃæµÄСͼ±ê
µ±Í¼Æ¬µÄ¸ß¶È±ÈÄÜÈÝÄÉËüµÄdiv´óµÄʱºò£¬Ó¦¸Ã°ÑͼƬÉèΪ±³¾°¡£
#menu li#fr:idΪmenuϵÄidΪfrµÄli.
#me


Ïà¹ØÎĵµ£º

cssÊó±êÑùʽ

cursorÖÐhandÓëpointer
Àý×Ó£ºCSSÊó±êÊÖÐÍЧ¹û <a href="#" style="cursor:hand">CSSÊó±êÊÖÐÍЧ¹û</a>
pointerÒ²ÊÇÊÖÐÍ£¬ÕâÀïÍÆ¼öʹÓÃÕâÖÖ£¬ÒòΪÕâ¿ÉÒÔÔÚ¶àÖÖä¯ÀÀÆ÷ÏÂʹÓá£
Àý×Ó£ºCSSÊó±êÊÖÐÍЧ¹û <a href="#" style="cursor:pointer">CSSÊó±êÊÖÐÍЧ¹û</a>
crosshairÊÇÊ®×ÖÐÍ
Àý×Ó£ºCSSÊó± ......

css¶¨¿í,js»»±³¾°£¬È¥Á´½ÓºóµÄ½¹µãÐéÏß¿ò£¬

1.span  µÄ overflow :hidden  width:70px  ; display:block(Ò»µãÒª¼ÓÉÏdivµÄ»°²»Óüӣ©
2.js¶¯Ì¬»»±³¾°,»»±³¾° style.backgroundImage = "url('images/bg1.jpg')";
3.ÓÃonFocus="this.blur()"À´Ïû³ýÁ´½ÓºóµÄ½¹µãÐéÏß¿ò
4. onMouseOver  onMouseOut onClick  Èý¸öʱ¼äÔÚÒ» ......

DIV+CSSÍøÒ³²¼¾Ö£ºÈýÁи¡¶¯ÖмäÁпí¶È×ÔÊÊÓ¦


DIV+CSSÍøÒ³²¼¾Ö£ºÈýÁи¡¶¯ÖмäÁпí¶È×ÔÊÊÓ¦
ÒÑÓÐ 39 ´ÎÔĶÁ  2009-09-07 14:25   ±êÇ©:  DIV  CSS  ÍøÒ³  ¿í¶È 
ʹÓø¡¶¯¶¨Î»·½Ê½£¬´ÓÒ»Áе½¶àÁеĹ̶¨¿í¶È¼°×ÔÊÊÓ¦£¬»ù±¾ÉÏ¿ÉÒÔ¼òµ¥Íê³É£¬°üÀ¨ÈýÁеĹ̶¨¿í¶È¡£¶øÔÚÕâÀï¸øÎÒÃÇÌá³öÁËÒ»¸öеÄÒª ......

CSSºÍJavascriptÖеÄstyle.displayÓëstyle.visibility

¡¡´ó¶àÊýÈ˺ÜÈÝÒ×½«CSSÊôÐÔdisplayºÍvisibility»ìÏý£¬ËüÃÇ¿´ËÆÃ»ÓÐʲô²»Í¬£¬ÆäʵËüÃǵIJî±ðÈ´ÊǺܴóµÄ¡£
¡¡¡¡visibilityÊôÐÔÓÃÀ´È·¶¨ÔªËØÊÇÏÔʾ»¹ÊÇÒþ²Ø£¬ÕâÓÃvisibility="visible|hidden"À´±íʾ£¬visible±íʾÏÔʾ£¬hidden±íʾÒþ²Ø¡£µ±visibility±»ÉèÖÃΪ"hidden"µÄʱºò£¬ÔªËØËäÈ»±»Òþ²ØÁË£¬µ«ËüÈÔȻռ¾ÝËüÔ­À´ËùÔÚµÄλÖà ......

CSSµÄhack½â¾ö»ýÀÛ

Ò»ÄêÀïÓöµ½µÄcssÎÊÌâ×ܽáһϣº
µ½ÏÖÔÚ·¢ÏÖÓÃhackÔ½¶àÖ¤Ã÷ÄãµÄˮƽԽ²î£¬Ä¿Ç°Ð´µÄ´úÂ뼸ºõûÓÐÓõ½ÕâЩ½â¾ö·½·¨ÁË¡£µ«ÊÇ»°Ëµ»ØÀ´Ö»ÓÐÓöµ½ÎÊÌâ²¢ÇÒ½â¾ö²ÅÄÜ×îÖÕ´ïµ½Ô¤·À¡£Ö±µ½ËùÓеͼÓöµ½ÁËÄãÒ²¾ÍÊǸßÊÖÁË£¡
Ó¦ÓÃ×î¶àµÄ±¾È˸оõ¾ÍÊÇ£ºheight:1%;overflow:hidden;//½â¾öfloatµÈÎÊÌâ
 1¡¢¸ß¶È×ÔÊÊÓ¦ÎÊÌ⣺
ÍêÃÀ½â¾ö ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ