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
Ïà¹ØÎĵµ£º
dz̸IEÓëFirefox¶ÔCSSµÄ²»Í¬½âÎö——°²»ÕÓ¿ÍËÉ
Æäʵ£¬ÒÔǰ´ÓÀ´Ã»ÓнӴ¥¹ýCSSÏà¹ØµÄÄÚÈÝ£¬¶¼ÊÇÔÚ×öÒµÎñµÄ±à³Ì£¬´ÓÀ´Ã»Ïë¹ýÇ°Ì¨Ò³ÃæµÄÉè¼ÆÒ²ÄÜÈç´Ë¸´ÔÓ¡£Õâ´ÎÏîÄ¿µÄ¿ª¹ý¹ý³ÌÖУ¬×÷ΪCSS²ËÄñµÄÎÒÒ²½Ó´¥µ½CSSµÄÏà¹ØÉè¼Æ¡£Ëù³öÏֵĵͼ¶ÎÊÌâºÍÀ˷Ѻܶàʱ¼äµÄ×´¿öÒ²²ã³ö²»ÇËùÒÔͨ¹ý¸÷·½ËÑË÷ºÍ×Ô¼ºµÄʵ¼ÊѧϰÖÐ×ܽ᳠......
ÔÚÍøÒ³Éè¼ÆÖУ¬tableÓÃheight:100%ÊÇ¿ÉÒÔÕûÆÁµÄ£¬µ«ÐèÒªÔÚÍøÒ³Í·²¿Ôö¼Ó:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
ºó¾ÍºÍû ......
×ÖÌå
font-family: ×ÖÌåÃû³Æ
Èç¹ûÔÚ
font-familyºó¼ÓÉ϶àÖÖ×ÖÌåµÄÃû³Æ£¬ä¯ÀÀÆ÷»Ø°´×ÖÌåÃû³ÆµÄ˳ÐòÖðÒ»ÔÚÓû§µÄ¼ÆËã»úÀïѰÕÒÒѾ°²×°µÄ×ÖÌ壬һµ©Óöµ½ÓëÒªÇóµÄÏàÆ¥ÅäµÄ×ÖÌ壬¾Í°´Õâ
ÖÖ×ÖÌåÏÔÊ¾ÍøÒ³ÄÚÈÝ£¬²¢Í£Ö¹ËÑË÷£»Èç¹û²»Æ¥Åä¾Í¼ÌÐøËÑË÷£¬Ö±µ½ÕÒµ½ÎªÖ¹£¬ÍòÒ»Ñùʽ±íÀïµÄËùÓÐ×ÖÌ嶼ûÓа²×°µÄ»°£¬ä¯ÀÀÆ÷¾Í»áÓÃ×Ô¼ºÄ¬Èϵ ......
<!--Ñùʽ±íÊǶԱêÇ©ÑùʽµÄÐÞ¸Ä-->
<!--µ±¶Ô±êÇ©µÄÑùÊ½ÖØ¸´¶¨Òåʱ£¬Ê¹ÓþàÀë×î½üµÄÑùʽ¶¨Òå-->
<!--ÔÚhtmlÖе¼ÈëcssÑùʽ±í-->
<link REL=stylesheet href="Untitled-1.css" type="text/css"> <!--ÔÚhead±êÇ©ÖÐÌí¼ÓÕâÐÐ-->
<!--±êÇ©µÄÑ¡Ôñ-->
h1{font-size:20pt;color:r ......
·Ò룺°¢½Ý
ÔÎÄ×÷ÕߣºRoger Johansson
×÷Õß¼ò½é£º×¡ÔÚÈðµä¸çµÂ±¤£¬1994Ä꿪ʼ½Ó´¥ºÍ²ÎÓëwebÉè¼Æ£¬456 Berea StreetÊÇËûµÄסַ£¬Òò´Ë²ÉÓÃÕâ¸öÃû×Ö×÷ΪËûµÄ¸öÈËÖ÷Ò³ÓòÃû ÔÎijö´¦£ºwww.456bereastreet.com
°¢½Ý˵Ã÷£º´ËÎÄÔÃû"CSS tips and tricks"£¬ÓÐ2ƪ£¬ÎÒ½«ËüÃǺϲ¢·ÒëÔÚ±¾ÎÄÖС£
±¾ÎÄ×ܽáÁËÎÒ¿ªÊ¼Ê¹ÓÃCSS²¼¾Ö· ......