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

7ÖÖCSSÔ²½Ç¿ò½â¾ö·½°¸

£±£¬ÎÞͼƬ´¿cssÔ²½Ç¿ò
ÊÕ¼ÀíÓÉ£º¼æÈÝÐÔÇ¿£¬²»ÓÃͼÐÎ
ͼһ
Ìص㣺
1.²»ÓÃÈκÎͼÐΣ¬Ê¹Óúܶà¸ödivÈÝÆ÷Ä£Äâ³öÔ²½ÇЧ¹û¡£
2.¼æÈÝÐÔ£ºÍ¨É±ËùÓÐä¯ÀÀÆ÷
ȱµã£º
1.¹¹ÔìÕâ¸öÔ²½ÇÐèÒª¼ÓÈëÌ«¶àµÄÎÞÓïÒåµÄ±êÇ©£¬½á¹¹±È½ÏÈßÓà¡£
2.ÖØÓÃÐÔ²»Ç¿£ºÈç¹ûÒ»¸öÒ³ÃæÓжà¸öÔ²½Ç£¬²¢ÇÒҪʵÏÖ²»Í¬µÄ°ë¾¶´óС£¬ÔòÆäÁé»îÐÔ²»¹»¡£
3.±ß¿òÑÕÉ«ËäÈ»¿ÉÒÔµ÷½Ú£¬µ«»á¶ÔÒ³ÃæÖеĽṹ²úÉúÖÂÃüµÄÓ°Ï죬ÊÊÓÃÓÚÉ«²Êµ¥Ò»²¢ÇÒÒ»¸öÒ³ÃæÖÐÔ²½ÇÓ¦Óò»¶àµÄÒ³Ãæ¡£
4.²»ÈÝÒ×ʵÏÖÔ²»¡ÄÚÓн¥±äÉ«µÄͼÐα³¾°¡£
5.Ô²½Ç¿ò²»¹»Ô²»¬£¬Óоâ³ÝÏÖÏó£¬ÊʺÏÓÚ±³¾°É«ºÍµ±Ç°É«É«²î²»´ó²¢ÇÒÔ²»¡½ÏСµÄÍøÒ³¡£
ʵÏÖÔ­Àí£º
Óúܶà1ÏñËظߵÄdivÈÝÆ÷£¬ÀûÓñ³¾°É«ºÍ±ß¿òÉ«À´Ä£Äâ³öÔ²½Ç¿òµÄÂÖÀªÏß¡£
ʵÀýÑÝʾ£º http://www.cssplay.co.uk/boxes/snazzy.html
£²£¬ÎÞͼƬ´¿cssÔ²½Ç¿ò£¬ÓÃÌØÊâ×Ö·û£¨&bull£©
ÊÕ¼ÀíÓÉ£ºÔ²»¬£¬²»ÓÃͼÐÎ
ͼ¶þ
Ìص㣺
1.²»ÓÃÈκÎͼÐΣ¬Ê¹ÓÃÌØÊâ×Ö·û•£¨Ô²µã£©Ä£Äâ³öÔ²½Ç¡£
2.¼æÈÝÐÔ£ºÍ¨É±ËùÓÐä¯ÀÀÆ÷
3.Ô²½Çƽ»¬
ȱµã£º
1.¹¹ÔìÕâ¸öÔ²½ÇÒ»ÑùÐèÒª¼ÓÈëÎÞÓïÒåµÄ±êÇ©£¬½á¹¹ÈßÓ࣬ͬµÚÒ»ÖÖÒ»Ñù¡£
2.ÖØÓÃÐÔ²»Ç¿£ºÈç¹ûÒ»¸öÒ³ÃæÓжà¸öÔ²½Ç£¬²¢ÇÒҪʵÏÖ²»Í¬µÄ°ë¾¶´óС£¬ÐèÒªµ÷ÕûËĸö½ÇͼƬµÄ¶¨Î»£¬²¢ÇÒ×Ö·û´óС¶ÔÆäÓÐÓ°Ï죬Áé»îÐÔ²»¹»¡£
3.ÑÕÉ«Ëä¿Éµ÷½Ú£¬µ«ÒªÇóÀïÃæµÄ±³¾°É«ºÍ×Ö·ûµÄÑÕÉ«Ïàͬ£¬²»ÄÜ×ö³É±ß¿òÏßÌõ¡£ÊÊÓÃÓÚÉ«²Êµ¥Ò»²¢ÇÒÒ»¸öÒ³ÃæÖÐÔ²½Ç²»ÊÇÌ«¶àµÄÒ³Ãæ¡£
4.Ò»Ñù²»ÈÝÒ×ʵÏÖÔ²»¡ÄÚÓн¥±äÉ«µÄͼÐα³¾°¡£
ʵÏÖÔ­Àí£º
ÓÃÌØÊâ×Ö·û£¨&bull£©£¬ÀûÓö¨Î»£¬½ØÈ¡ËÄ·Ö֮һԲģÄâ³öÔ²½Ç¿òµÄÒ»¸ö½ÇͼƬ¡£
ʵÀýÑÝʾ£ºhttp://www.cssplay.co.uk/boxes/curves.html
£³£¬Í¼Æ¬Ô²½Ç¿ò
ÊÕ¼ÀíÓÉ£º¼æÈÝÐÔÇ¿£¬¿ÉÒÔ±íÏֺܸ´ÔÓµÄÔ²½ÇЧ¹û¡£
ͼÈý
Ìص㣺
1.ʹÓÃËĸöÔ²½ÇͼÐΣ¨»òÒ»¸öԲͼƬ£©¡£
2.¼æÈÝÐÔ£ºÍ¨É±ËùÓÐä¯ÀÀÆ÷¡£
3.ÕâÊÇ×î³£ÓõÄÔ²½Ç¿ò×ö·¨¡£
4.ÒòΪ²ÉÓÃͼƬÀ´±íÏÖ£¬ËùÒÔÆäÔ²½ÇÊdz¬¼¶Æ½»¬£¬ÎÞÈκξâ³ÝÏÖÏó¡£
5.±íÏַḻ£¬ÊÊÓÃÓÚ¸÷ÖÖ¶ÔͼƬ±íÏÖÒªÇó½Ï¸ßµÄÔ²½Ç¿ò¡£
ȱµã£º
1.¹¹ÔìÕâ¸öÔ²½ÇÒ²ÐèÒª¼ÓÈëËĸö±êÇ©À´×°ËÄÕŽÇͼƬ£¬½á¹¹Ò²ÓÐÈßÓà¡£
2.ÖØÓÃÐÔ²»Ç¿£ºÈç¹ûÒ»¸öÒ³ÃæÓжà¸öÔ²½Ç£¬²¢ÇÒҪʵÏÖ²»Í¬µÄ°ë¾¶´óС£¬ÔòÒªÖØÐÂÖÆ×÷Ò»Ì×Ô²½ÇͼƬ¡£
3.Èç¹û¶Ô½á¹¹µÄÈßÓàûÓÐÌرðµÄÐèÇó£¬Õâ¾ÍÊdz¬¼¶Ô²»¬Ô²½Ç¿òµÄ½â¾ö·½°¸ÁË¡£
ʵÏÖÔ­Àí£º
ÀûÓþŹ¬¸ñÔ­Àí£¬ÔÚÒ»¸öÈÝÆ÷µÄËĸö½Ç¼ÓÈë¾ø¶Ô¶¨Î»£¨»òÏà¶Ô¶¨Î»£©µÄËÄÕÅÔ²½ÇͼƬ¡£
ʵÀýÑÝʾ£ºhttp://www.cssplay.co.uk/boxes


Ïà¹ØÎĵµ£º

CSS͸Ã÷Â˾µ

filter:alpha(opacity=50);-moz-opacity:0.5;
Opacity: Ïà¶ÔÓÚIE¡£»ðºüËƺõºÃÏñ²»Ö§³Ö¡£ Öµ£ºÒÔ°Ù·Ö±ÈΪֵ£¬100 ±íʾ²»Í¸Ã÷¶ÈΪ100%£»50²à´ú±í²»Í¸Ã÷¶ÈΪ50%¡£
-moz-opacity: Ïà¶ÔÓÚFF£¬»ðºü¡£ Öµ£ºÒÔСÊýµãΪֵ£¬1 ±íʾ²»Í¸Ã÷¶ÈΪ100%£»0.5²à´ú±í²»Í¸Ã÷¶ÈΪ50%¡£
×¢Ò⣺ÉÏÃæµÄÂ˾µIE8²»Ö§³Ö¡£Òò´ËÎÒÃÇÐèÒªÓà <meta h ......

Alert ÖеÄ×ÖÌåͨ¹ýcssÉèÖÃ


Alert{
backgroundColor: #2791DB;
headerColors:#2791DB,#2791DB;
borderThicknessLeft:0;
borderThicknessRight:0;
borderThicknessTop:0;
            font-size:14;
            buttonStyleName: myCustomButtonStyleName;
}
.myCus ......

ÓÃCSSʵÏÖGridView±íÍ·¹Ì¶¨

ʵÏÖGridview±íÍ·¹Ì¶¨¿ÉÒÔͨ¹ýCSSÀ´ÊµÏÖ
 
½«GridView·Å½øÒ»¸öPanelÖУ¬È»ºóÉèÖÃPanel¿ÉÒÔÓÐÊú¹ö¶¯Ìõ(²Î¼ûÎÒµÄÁíһƪΪGridviewÉú³É¹ö¶¯Ìõ)¡£ÉèÖÃGridviewµÄStyleΪ<HeaderStyle CssClass="GridViewHeader" />
 
.GridViewHeader {
    position:relative ;
    tabl ......

IE7 CSS trouble

When you meet trouble with css style in IE7, try this. You can set different css for IE7 and the other browsers.
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="/home_c_ie7.css" mce_href="home_c_ie7.css" />
<![endif]-->
......

ÍæתCSS£¬´Ó²ËÄñ¿ªÊ¼Ö® CSS×ÖÌåÑÕÉ«µÄÉèÖÃ

½ñÌìдÁËÒ»¸ö¼òµ¥µÄÍøÒ³£¬Çë¿´´úÂ룺
´íÎóµÄ£º
HTML´úÂ룺
½ñÌìµÄÈÕ×Ó
//CSS´úÂëʹÓÃÍⲿÒýÈëʽ

ÎҵļÒÏçÔÚ¿­Àï
CSS´úÂ룺
/* CSS Document */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:red; /*ÒªµÄ¾ÍÊÇÕâÑùµÄЧ¹û£ºÉèÖÃ×ÖÌåÑÕɫΪºìÉ«*/
}
½á¹ûÏÔʾµÄ×ÖÌ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ