ÍøÂçѧԺ w3popÉçÇø ÍøÂç×ÊÔ´ ITÐÂÎÅ

w3pop.com :: ÍøÂçѧԺ :: WEBÉè¼Æ×ÛºÏ :: ¶à×˶à²ÊµÄÍøÒ³Á´½ÓÏ»®Ïß

»áÔ±µÇ½

ÕʺÅ

ÃÜÂë

»Ø´ð

¼ÇסÃÜÂë

Íü¼ÇÃÜÂë? ×¢²á

WEBÉè¼Æ×ÛºÏ
ÏÔʾ¸öÐÔ»¯µÄÊó±ê..
¶à×˶à²ÊµÄÍøÒ³Á´..
XhtmlµÚ12Ì죺УÑ..
XhtmlµÚ11Ìì:ÈçºÎ..
XhtmlµÚ10Ìì:div×..
XhtmlµÚ9Ìì:µÚÒ»¸..
XhtmlµÚ8Ì죺CSS²..
XhtmlµÚ7Ì죺cssÈ..
XHTMLµÚ6Ìì:XHTML..
XHTMLµÚ5Ìì:headÇ..
XHTMLµÚ4Ìì:µ÷ÓÃÑ..
XHTMLµÚ3Ìì:¶¨ÒåÓ..
XHTMLµÚ2Ìì:ʲôÊ..
XHTMLµÚ1Ìì:Ñ¡ÔñÊ..
XSLÖÐʵÏÖÑ­»·
Ó¢ÎÄ×Ö·û×Ô¶¯»»ÐÐ..
½Ý×ãÏȵÇѧÓÃCSS
CSS hackä¯ÀÀÆ÷¼æ..
CSS»¬¶¯ÃŽ̳Ì
Ϊ²»Í¬µÄä¯ÀÀÆ÷ÔØ..

¶à×˶à²ÊµÄÍøÒ³Á´½ÓÏ»®Ïß


×÷Õß:chinahtml.com ·­Òë/ÕûÀí:w3pop.com ·¢²¼:2007-06-10 ä¯ÀÀ:5467 :: ::

CSS±¾ÉíûÓÐÖ±½ÓÌṩ±ä»»HTMLÁ´½ÓÏ»®ÏߵŦÄÜ£¬µ«Ö»ÒªÔËÓÃһЩ¼¼ÇÉ£¬ÎÒÃÇ»¹ÊÇ¿ÉÒÔÈõ¥µ÷µÄÍøÒ³Á´½ÓÏ»®Ïß±äµÃ·á¸»¶à²Ê¡£ 

Ò»¡¢»ù±¾Ô­Àí

Ê×ÏÈ£¬×Ô¶¨ÒåHTMLÁ´½ÓÏ»®ÏߵĵÚÒ»²½ÊÇ´´½¨Ò»¸öͼÐΣ¬ÔÚˮƽ·½ÏòÖØ¸´·ÅÖÃÕâ¸öͼÐμ´ÐγÉÏ»®ÏßЧ¹û¡£Èç¹ûÒªÏÔʾ³öÏ»®Ïß±³ºóµÄÍøÒ³±³¾°£¬¿ÉÒÔʹÓÃ͸Ã÷µÄ .gif ͼÐΡ£

Æä´Î£¬Èç¹ûÏ»®ÏßͼÐεĸ߶Ƚϴó£¬Ôò±ØÐëÊʵ±Ôö¼ÓÎı¾µÄ¸ß¶È£¬Ê¹µÃÒ»ÐÐÎı¾µÄµ×²¿ÓëÏÂÒ»ÐÐÎı¾µÄ¶¥²¿Ö®¼äÓнϴóµÄ¿Õ¼ä£¬ÀýÈçp { line-height: 1.5; }¡£


µÚÈý£¬ÎªÏÔʾ³ö×Ô¶¨ÒåµÄÏ»®Ïߣ¬±ØÐëÒþ²ØÄ¬ÈϵÄÏ»®Ïߣ¬¼´a { text-decoration: none; }¡£

µÚËÄ£¬ÎªÁ´½ÓÔªËØÉèÖÃÏ»®ÏßͼÐΣ¬¹¹Ôì³ö×Ô¶¨ÒåµÄÏ»®Ïß¡£¼ÙÉèÏ»®ÏßͼÐÎÊÇ underline.gif£¬ÔòÉèÖÃÏ»®ÏßͼÐεÄCSS´úÂëΪa { background-image: url(underline.gif); }¡£

µÚÎ壬ÎÒÃÇÒªÈÃÏ»®ÏßͼÐÎÔÚˮƽ·½Ïò·´¸´³öÏÖ£¬µ«²»ÄÜÔÚ´¹Ö±·½ÏòÖØ¸´³öÏÖ£¬·ñÔòËü½«±»Òþ²Øµ½Îı¾µÄ±³ºó¡£ÒªÇóÏ»®ÏßÖ»ÔÚˮƽ·½ÏòÖØ¸´³öÏֵĴúÂëΪ£ºa { background-repeat: repeat-x; }¡£

µÚÁù£¬Îª±£Ö¤Í¼ÐγöÏÖÔÚÁ´½ÓÎÄ×ÖµÄÏ·½£¨²»¹Ü×ÖÌåµÄ´óС£©£¬ÓÃbackground-positionÊôÐÔ½«Í¼ÐηÅÔÚÁ´½ÓÔªËØµÄµ×²¿¡£¶ÔÓÚ¼ýÍ·Ö®ÀàµÄÏ»®ÏßͼÐΣ¬¿ÉÄÜ»¹Òª¿¼ÂÇͼÐÎÔÚˮƽ·½ÏòµÄ¶ÔÆë·½Ïò¡£¼ÙÉèÒª½«Ï»®ÏßͼÐηÅÔÚÓÒϽǣ¬CSS´úÂëΪ£ºa { background-position: 100% 100%; }¡£

µÚÆß£¬ÎªÁËÔÚÁ´½ÓÎı¾µÄÏ·½¸ø×Ô¶¨ÒåͼÐÎÁô³ö¿Õ¼ä£¬±ØÐë¼ÓÈëÊʵ±µÄ¿Õ°×¡£Ï»®ÏßͼÐÎÏà¶ÔÓÚÁ´½ÓÎÄ×ֵľßÌåλÖÃÓëÎÄ×ֵĴóСÓйأ¬µ«Ò»°ã¶øÑÔ£¬¿ÉÒÔÏÈÈõײ¿¿Õ°×µÈÓÚÏ»®ÏßͼÐεĸ߶ȣ¬±ØÒªÊ±ÔÙ×÷µ÷Õû¡£ÀýÈ磺a { padding-bottom: 4px; }¡£

µÚ°Ë£¬ÓÉÓÚÏ»®ÏßͼÐηÅÔÚÁ´½ÓÔªËØµÄµ×²¿£¬±ØÐë±£Ö¤Á´½Ó²»ÕÛÐУ¨ÈçÔÊÐíÁ´½Ó¿çÔ½¶à¸öÐУ¬ÔòÖ»ÓÐÏÂÃæÒ»ÐеÄÁ´½ÓÎı¾ÏÂÃæ»áÓÐ×Ô¶¨ÒåµÄÏ»®Ïߣ©¡£ÓÃCSSµÄwhite-spaceÊôÐÔ¿ÉÒÔ·ÀÖ¹Á´½ÓÎÄ×ÖÕÛÐУ¬¼´a { white-space: nowrap; }¡£

×ÛÉÏËùÊö£¬ÎªÁ´½ÓÔªËØ¶¨ÒåCSSÑùʽÊôÐÔµÄÍêÕûÀý×ÓÈ磺

a {
text-decoration: none;
background: url(underline.gif) repeat-x 100% 100%;
padding-bottom: 4px;
white-space: nowrap;
}

Èç¹ûÒªÈÃ×Ô¶¨ÒåÏ»®ÏßÖ»ÔÚÊó±êÍ£Áôʱ³öÏÖ£¬Ö»Òª°ÑÔ­À´Ö±½ÓÉèÖÃÔÚÁ´½ÓÔªËØÉϵÄCSS background ÊôÐԸĵ½ :hover £¬ÀýÈ磺

a {
text-decoration: none;
padding-bottom: 4px;
white-space: nowrap;
}

a:hover {
background: url(underline.gif) repeat-x 100% 100%;
}

ÆÀÂÛ (0) All