ÍøÒ³È¥É«±äºÚ°×£¨CSS£©
À´×Ô£ºhttp://www.51xflash.com/website/html/200905/01-8904.html
CSS´úÂë: (²åÈëµ½CSSÎļþµÄ×î¶¥¶Ë)
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
»òÕß:
*{filter: Gray;}
HTML´úÂë: (²åÈëµ½Ò³ÃæHTMLÔ´ÂëµÄ<HEAD>ºÍ</HEAD>Ö®¼ä)
<style>html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}</style>
»òÕß:
<style type="text/css"> html { FILTER: gray }</style>
·½·¨Ò»£ºcss¹¹¼Ü
Èç¹ûÈÃÕû¸öÒ³Ãæ¶¼±äºÚ°×
×Ô¼º¼Óµ½cssÑùʽÀï
body{filter:Gray;}
Èç¹û¹âÈÃͼƬ±äºÚ°×
img{filter:Gray;}
Èç¹ûÖ»ÈÃÖ¸¶¨Í¼Æ¬±ÈÈçlogo»ÒÉ«
ÏÖÔÚcssÀィ¸öÑùʽÈç
.huise{filter:Gray;}
È»ºó¸øÍ¼Æ¬»ò±í¸ñÖ¸¶¨¸ÃÑùʽ
<img src=logo.gif class="huise">
»ò°ÑÒª»ÒÉ«µÄ²»ÓÃÓÃ
<div class="huise"></div>
°üÀ¨ÆðÀ´
·½·¨¶þ£º
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
Õâ¶Î´úÂë¿ÉÒÔ±äÍøÒ³ÎªºÚ°×£¬½«´úÂë¼Óµ½CSS×î¶¥¶Ë¾Í¿ÉÒÔʵÏÖËØ×°¡£
Èç¹ûÍøÕ¾Ã»ÓÐʹÓÃCSS£¬¿ÉÒÔÔÚÍøÒ³/Ä£°åµÄHTML´úÂë<head>ºÍ</head> Ö®¼ä²åÈ룺
<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>
ÓÐһЩվ³¤µÄÍøÕ¾¿ÉÄÜʹÓÃÕâ¸öcss ²»ÄÜÉúЧ£¬ÊÇÒòÎªÍøÕ¾Ã»ÓÐʹÓÃ×îеÄÍøÒ³±ê×¼ÐÒé
<!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">
Çë½«ÍøÒ³×îÍ·²¿µÄ<html>Ìæ»»ÎªÒÔÉÏ´úÂë¡£
ÓÐÒ»Ð©ÍøÕ¾FLASH¶¯»µÄÑÕÉ«²»Äܱ»CSSÂ˾µ¿ØÖÆ£¬¿ÉÒÔÔÚFLASH´úÂëµÄ<object …>ºÍ</object>Ö®¼ä²åÈ룺
<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>
×î¼òµ¥µÄ°ÑÒ³Ãæ±ä³É»ÒÉ«µÄ´úÂëÊÇÔÚhead Ö®¼ä¼Ó
<style type="text/css">
html {
FILTER: gray
}
</style>
Ïà¹ØÎĵµ£º
Webǰ¶Ë
ÍøÒ³Éè¼ÆÖÐCSS²¼¾ÖÊǺÜÖØÒªµÄ²¿·Ö£¬ÏÂÃæ½éÉܼ¸ÖÖ¼ì²éµ÷ÊÔCSS²¼¾ÖµÄÓÐЧ·½·¨¡£
¡¡¡¡1. ¼ì²éHTMLÔªËØÊÇ·ñÓÐÆ´Ð´´íÎó¡¢ÊÇ·ñÍü¼Ç½áÊø±ê¼Ç
¡¡¡¡¼´Ê¹ÊÇÀÏÊÖÒ²¾³£»áŪ´ídivµÄǶÌ×¹ØÏµ¡£¿ÉÒÔÓÃdreamweaverµÄÑéÖ¤¹¦Äܼì²éÒ»ÏÂÓÐÎÞ´íÎó¡£
¡¡¡¡2. ¼ì²éCSSÊÇ·ñÊéдÕýÈ·
¡¡¡¡¼ì²éÒ»ÏÂÓÐÎÞÆ´Ð´´íÎó¡¢ÊÇ·ñÍü¼Ç½áβµÄ ......
.inputbox {
padding-left: 2px;
border-top: 1px solid #9AA587;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #9A ......
1.css ×ÖÌå¼òд¹æÔò
¡¡¡¡µ±Ê¹ÓÃcss¶¨Òå×ÖÌåʱÄã¿ÉÄÜ»áÕâÑù×ö:
¡¡¡¡font-size: 1em;
¡¡¡¡line-height: 1.5em;
¡¡¡¡font-weight: bold;
¡¡¡¡font-style: italic;
¡¡¡¡font-variant: small-caps;
¡¡¡¡font-family: verdana,serif;
¡¡¡¡
ÊÂʵÉÏÄã¿ÉÒÔ¼òдÕâЩÊôÐÔ:
¡¡¡¡font: 1em/1.5em bold italic small-caps ver ......
ÔÚtable ÖпØÖƵ¥Ôª¸ñÖ®¼äµÄ¼ä¾àÒªÓõ½cellspacing¡¢cellpadding£¬Ä¬ÈÏÇé¿öcellspacing¡¢cellpadding¾ù²»Îª0£¬µ«¾³£µÄ×´¿öΪÁ˲»ÈÃtableµ¥Ôª¸ñÖ®¼äµÄ¼ä¾àÓ°Ïìµ½ÃÀ¹Û£¬ÎÒÃǾ³£»á°Ñcellspacing¡¢cellpaddingÉèÖÃΪ0£¬Òò´Ë¾³£¿´µ½“< table cellspacing=0 cellpadding=0>”ÕâÑùµÄ´úÂë¡£ÕâÑù×öÎÞÐÎÖÐÔö¼ÓÁË´ ......