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

cssʵÏÖ½¥±äЧ¹û

<div style="FILTER:alpha(opacity=30 finishopacity=0 style=1) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=1); VERTICAL-ALIGN: middle; BORDER-LEFT: #f3f3f3 1px solid; WIDTH: 300px; PADDING-TOP: 4px; BORDER-BOTTOM: #f3f3f3 1px solid; HEIGHT: 100px" align="center"></div>
<!--
²ÎÊý   ËµÃ÷ 
gradientType=1´ú±íºáÏò½¥±ä£¬gradientType=0´ú±í×ÝÏòäÀ±ä
½¥±äЧ¹ûʵÏÖ£ºfilter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF0000,endcolorstr=#FFCC66,gradientType=1)
startcolorstr="É«²Ê"´ú±í½¥±ä¿ªÍ·µÄÉ«²Ê
endcolorstr="É«²Ê"´ú±í½¥±ä½áβµÄÉ«²Ê
         opacity Í¸Ã÷¶È¡£Ä¬Èϵķ¶Î§ÊÇ´Ó0 µ½ 100£¬ËûÃÇÆäʵÊǰٷֱȵÄÐÎʽ¡£Ò²¾ÍÊÇ˵£¬0´ú±íÍêȫ͸Ã÷£¬100´ú±íÍêÈ«²»Í¸Ã÷¡£ 
         finishopacity ÊÇÒ»¸ö¿ÉÑ¡²ÎÊý£¬Èç¹ûÏëÒªÉèÖý¥±äµÄ͸Ã÷Ч¹û£¬¾Í¿ÉÒÔʹÓÃËûÃÇÀ´Ö¸¶¨½áÊøÊ±µÄ͸Ã÷¶È¡£·¶Î§Ò²ÊÇ0 µ½ 100¡£ 
        style Ö¸¶¨Í¸Ã÷ÇøÓòµÄÐÎ×´ÌØÕ÷£º
        0 ´ú±íͳһÐÎ×´
        1 ´ú±íÏßÐÎ
        2 ´ú±í·ÅÉä×´
        3 ´ú±í¾ØÐΠ
         startx ½¥±ä͸Ã÷Ч¹û¿ªÊ¼´¦µÄ X×ø±ê¡£ 
         starty ½¥±ä͸Ã÷Ч¹û¿ªÊ¼´¦µÄ Y×ø±ê¡£ 
         finishx ½¥±ä͸Ã÷Ч¹û½áÊø´¦µÄ X×ø±ê¡£ 
         finishy ½¥±ä͸Ã÷Ч¹û½áÊø´¦µÄ Y×ø±ê¡£
¾ßÌåЧ¹ûÓ¦ÓÃÈçÏ£º
         CSSÂ˾µÊµÏÖ ´úÂë Ð§¹û¿½ÆÁ&nb


Ïà¹ØÎĵµ£º

ÒõÓ°ÌØÐ§ÎÄ×Ö ¼òµ¥cssʵÏÖ

<html>
<head>
<title>ÒõÓ°ÌØÐ§ÎÄ×Ö</title>
<style type="text/css">
<!--
 .effect{                             &nb ......

cssµÄdivǶÌ×ÎÊÌâ

ѧÁËcss¼¸Ì죬·¢ÏÖÓиöÎÊÌâ¡£
ÈçͼËùʾ,×îÍâ²ãÓиödiv£¨·ÛÉ«£©£¬ÄÚ²¿ÉÏÖÐÏÂÈý¸ödiv£¬ÖмädivÄÚÓÐÈý¸öˮƽÅÅÁеÄdiv£¨ÂÌÉ«£©¡£
“middle”divµÄ¸ß¶ÈÊǸù¾ÝÄÚ²¿Èý¸öÂÌÉ«div¸ß¶È±ä»¯µÄ¡£Õâ¸öÓа취ʵÏÖÂð£¿
ÎÒÊÔÁËÊÔ£¬Èç¹ûÈý¸öÂÌÉ«divˮƽÅÅÁеϰ£¬middleµÄ¸ß¶È¾Í²»ÄÜ×Ô¶¯ÊÊÓ¦£¬±ØÐëÖÆ¶¨¸ß¶È¡£ÎÒ°Ñ3¸öÂÌÉ«divÔÝÊ ......

CSS¹ØÓÚIE8¼æÈÝÐԵĽâ¾ö°ì·¨

ʹÓÃIE8  ¿ÉÄܳöÏÖµÄÎÊÌ⣺ 
    * ÍøÒ³²¼¾Ö²»ÕûÆë
    * Îı¾»òͼÏñÖØµþ
    * JavaScript ¹¦ÄÜÓÐÎÊÌâ»ò´íÎó
Ò»°ã½â¾ö
1.дCSS Hack¡£
   ¶øºǫ́ÈËÔ±²»Éó¤ÓÚдCSS¡£
2.Ç¿ÖÆIE8ÏñIE7ÄÇÑù³ÊÏÖÄÚÈÝ¡£
   ÔÚ<head></ ......

CSSµÄÊ®°Ë°ã¼¼ÇÉ

·­Ò룺°¢½Ý
Ô­ÎÄ×÷ÕߣºRoger Johansson
×÷Õß¼ò½é£º×¡ÔÚÈðµä¸çµÂ±¤£¬1994Ä꿪ʼ½Ó´¥ºÍ²ÎÓëwebÉè¼Æ£¬456 Berea StreetÊÇËûµÄסַ£¬Òò´Ë²ÉÓÃÕâ¸öÃû×Ö×÷ΪËûµÄ¸öÈËÖ÷Ò³ÓòÃû Ô­Îijö´¦£ºwww.456bereastreet.com
°¢½Ý˵Ã÷£º´ËÎÄÔ­Ãû"CSS tips and tricks"£¬ÓÐ2ƪ£¬ÎÒ½«ËüÃǺϲ¢·­ÒëÔÚ±¾ÎÄÖС£
±¾ÎÄ×ܽáÁËÎÒ¿ªÊ¼Ê¹ÓÃCSS²¼¾Ö· ......

CSSÈëÃÅ

       Æð³õµÄHTMLµÄÉè¼ÆÖ»ÊǶ¨ÒåÎĵµÄÚÈÝÓ㬶ø¶ÔÓÚÎĵµ²¼¾ÖÔòÓÉä¯ÀÀÆ÷À´Íê³É¡£ºóÀ´ÓÉÓÚä¯ÀÀÆ÷·þÎñÉ̲»¶ÏµØ½«ÐµĹ淶ÖУ¬Ê¹µÃ´´½¨ÎĵµÄÚHTML±êÇ©Ìí¼Óµ½HTMLÈÝÇåжÀÁ¢ÓÚ±íÏÖ²ãµÄÕ¾µãÔ½À´Ô½¸´ÔÓ¡£ÎªÁ˽â¾öÕâ¸öÎÊÌ⣬ÍòÎ¬ÍøÁªÃË£¨W3C£©£¬¼ç¸ºÆðÁË HTML ±ê×¼»¯µÄʹÃü£¬²¢ÔÚ HTML 4.0 Ö®Íâ´´Ôì ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ