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
Ïà¹ØÎĵµ£º
ÔÚÍøÒ³Éè¼ÆÖУ¬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">
ºó¾ÍºÍû ......
·Ò룺°¢½Ý
ÔÎÄ×÷ÕߣºRoger Johansson
×÷Õß¼ò½é£º×¡ÔÚÈðµä¸çµÂ±¤£¬1994Ä꿪ʼ½Ó´¥ºÍ²ÎÓëwebÉè¼Æ£¬456 Berea StreetÊÇËûµÄסַ£¬Òò´Ë²ÉÓÃÕâ¸öÃû×Ö×÷ΪËûµÄ¸öÈËÖ÷Ò³ÓòÃû ÔÎijö´¦£ºwww.456bereastreet.com
°¢½Ý˵Ã÷£º´ËÎÄÔÃû"CSS tips and tricks"£¬ÓÐ2ƪ£¬ÎÒ½«ËüÃǺϲ¢·ÒëÔÚ±¾ÎÄÖС£
±¾ÎÄ×ܽáÁËÎÒ¿ªÊ¼Ê¹ÓÃCSS²¼¾Ö· ......
ÔÎÄÁ´½Ó£ºhttp://www.fendou163.cn/article/20090115/24807.html
¡¡¡¡WebÍøÕ¾¿ÉÓÃÐԵĹؼüÖ¸±êÊÇËÙ¶È£¬¸üÈ·ÇеØËµ£¬ÊÇÒ³ÃæÄÜÒÔ¶à¿ìµÄËٶȳöÏÖÔÚ·ÃÎÊÕßµÄä¯ÀÀÆ÷´°¿ÚÀï¡£Ó°ÏìËٶȵÄÒòËØÓкܶàÖÖ£¬°üÀ¨Web·þÎñÆ÷µÄËÙ¶È¡¢·ÃÎÊÕßµÄInternetÁ¬½ÓÇé¿ö£¬ÒÔ¼°ä¯ÀÀÆ÷±ØÐëÏÂÔØµÄÎļþ´óС¡£¾¡¹ÜÄãÎÞ·¨¿ØÖÆ·þÎñÆ÷ºÍÁ¬½ÓµÄËÙ¶È£¬µ«ÊÇÄ ......
margin-bottom:8px;ÉèÖöÔÏóϱ߾àµÄ¸ß¶È
ÄÚÁª¶ÔÏóҪʹÓøÃÊôÐÔ£¬±ØÐëÏÈÉ趨¶ÔÏóµÄheight»òwidthÊôÐÔ£¬»òÕßÉ趨positionÊôÐÔΪabsolute¡£
padding-top:10px;ÓëÉÏÒ»¸ö±êÇ©µÄ¾àÀë
padding-left:10px;Óë×ó±ßµÄ¼ä¾à
¼ìË÷»òÉèÖöÔÏ󶥱ߵIJ¹¶¡±ß¾à¡£
ÄÚÁª¶ÔÏóҪʹÓøÃÊôÐÔ£¬±ØÐëÏÈÉ趨¶ÔÏóµÄheight»òwidthÊôÐÔ£¬»òÕßÉ趨pos ......