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
Ïà¹ØÎĵµ£º
filter£ºfiltername(parameters)
filterÊÇÂ˾µÊôÐÔÑ¡Ôñ·û;filternameÊÇÂ˾µÊôÐÔÃû
alpha͸Ã÷¶È: opacity finishopacity style startX startY finishX finishY
blurÄ£ºý:add direction strength
chromaÖ¸¶¨ÑÕɫ͸Ã÷:color
dropshadowͶÉäÒõÓ°:color offx offy positive
fliphˮƽ·×ª
flipv´¹Ö±·×ª
glow¶ÔÏóµÄÍâ±ß ......
magento¸ö±ðÒ³ÃæÌí¼ÓcssºÍjsÎļþ£¬¿ÉÒÔ½«Æä·ÅÔÚ¸ö±ðÒ³ÃæµÄxmlÖУ¬»òÕß·ÅÔÚCMSµÄlayout updateÖУ¬Æä´úÂëºÍÎļþ´æ·ÅλÖÃÈçÏÂ
<reference name="head">
<action method="addCss"><stylesheet>css/mystyles.css</stylesheet></action>
//Ìí¼Ócss mystyles.css ÎļþÔÚ /skin/frontend/Ö÷Ìâ°ü ......
×òÌìѧϰÁËCssµÄһС²¿·ÖÊôÐÔ£¬ÕâЩÊôÐÔÒ»Ö±´Ó×òÌìÁ·Ï°µ½½ñÌ죬¸Ð¾õÈç¹ûÏë°ÑÕâЩÊôÐÔÍêÈ«µÄÕÆÎÕÀι̻¹ÐèÒª´óÁ¿µÄÁ·Ï°£¬¿´µ½Í¬Ñ§Ò»¸ö±ÈÒ»¸öѧϰŬÁ¦£¬ÓеÄͬѧÒѾ³¬Ç°Ñ§Ï°£¬ÐÄÀï¸Ðµ½ÆßÉϰËϵģ¬Òò´Ë×Ô¼ºÒ²ÔÚÂýÂý×êÑУ¬²»ÄÜÂäµ½±ðÈ˵ĺóÃæ£¬×òÌìÖ÷ÒªÊÇÁ·Ï°ÁË£¬½ñÌìÖ÷ÒªµÄ×ܽáÁËһЩCssµÄÊôÐÔ£º
Îı¾
font-fa ......
ÔÎÄÁ´½Ó£ºhttp://www.fendou163.cn/article/20090115/24807.html
¡¡¡¡WebÍøÕ¾¿ÉÓÃÐԵĹؼüÖ¸±êÊÇËÙ¶È£¬¸üÈ·ÇеØËµ£¬ÊÇÒ³ÃæÄÜÒÔ¶à¿ìµÄËٶȳöÏÖÔÚ·ÃÎÊÕßµÄä¯ÀÀÆ÷´°¿ÚÀï¡£Ó°ÏìËٶȵÄÒòËØÓкܶàÖÖ£¬°üÀ¨Web·þÎñÆ÷µÄËÙ¶È¡¢·ÃÎÊÕßµÄInternetÁ¬½ÓÇé¿ö£¬ÒÔ¼°ä¯ÀÀÆ÷±ØÐëÏÂÔØµÄÎļþ´óС¡£¾¡¹ÜÄãÎÞ·¨¿ØÖÆ·þÎñÆ÷ºÍÁ¬½ÓµÄËÙ¶È£¬µ«ÊÇÄ ......
CSS ±³¾°ÊôÐÔ£¨Background£©
ÊôÐÔ
ÃèÊö
CSS
background
ÔÚÒ»¸öÉùÃ÷ÖÐÉèÖÃËùÓеı³¾°ÊôÐÔ¡£
1
background-attachment
ÉèÖñ³¾°Í¼ÏñÊÇ·ñ¹Ì¶¨»òÕßËæ×ÅÒ³ÃæµÄÆäÓಿ·Ö¹ö¶¯¡£
1
background-color
ÉèÖÃÔªËØµÄ±³¾°ÑÕÉ«¡£
1
background-image
ÉèÖÃÔªËØµÄ±³¾°Í¼Ïñ¡£
1
background-position
ÉèÖñ³¾°Í¼ÏñµÄ¿ª ......