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

CSS實現ÎÄ×ÖµÄ邊¿òЧ¹û

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><title>Cross-Browser Text Glow Demo</title>
<mce:style type="text/css"><!--
* {
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
}
div {
position:absolute;
top:20px;
left:20px;
padding:0;
color:#000;
z-index:3;
}
#d2, #d3, #d4, #d5, #d6, #d7 {color:#fd6;}
#d8, #d9, #d10, #d11, #d12, #d13 {color:#ffa;}
.top {color:#fff;}
#d2 {
top:19px;
left:19px;
z-index:2;
}
#d3 {
top:21px;
left:21px;
z-index:2;
}
#d4 {
top:19px;
left:21px;
z-index:2;
}
#d5 {
top:21px;
left:19px;
z-index:2;
}
#d6 {
top:19px;
z-index:2;
}
#d7 {
top:21px;
z-index:2;
}
#d8 {
top:18px;
left:18px;
z-index:1;
}
#d9 {
top:22px;
left:22px;
z-index:1;
}
#d10 {
top:18px;
left:22px;
z-index:1;
}
#d11 {
top:22px;
left:18px;
z-index:1;
}
#d12 {
top:18px;
z-index:1;
}
#d13 {
top:22px;
z-index:1;
}
--></mce:style><style type="text/css" mce_bogus="1">* {
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
}
div {
position:absolute;
top:20px;
left:20px;
padding:0;
color:#000;
z-index:3;
}
#d2, #d3, #d4, #d5, #d6, #d7 {color:#fd6;}
#d8, #d9, #d10, #d11, #d12, #d13 {color:#ffa;}
.top {color:#fff;}
#d2 {
top:19px;
left:19px;
z-index:2;
}
#d3 {
top:21px;
left:21px;
z-index:2;
}
#d4 {
top:19px;
left:21px;
z-index:2;
}
#d5 {
top:21px;
left:19px;


Ïà¹ØÎĵµ£º

div cssÍøÕ¾²¼¾ÖµÄ°Ë¸öС¼¼ÇÉ

¡¡div cssÍøÕ¾²¼¾ÖµÄ°Ë¸öС¼¼ÇÉ 
¡¡¡¡1.ÈôÓÐÒÉÎÊÁ¢¼´¼ì²â
¡¡
¡¡ÔÚ³ö´íʱÈôÄܶÔԭʼ´úÂë×ö¼òµ¥¼ì²â¿ÉÒÔʡȥºÜ¶àÍ·Í´ÎÊÌâ¡£W3C¶ÔÓÚXHTMLÓëCSS ¶¼Óмì²â¹¤¾ß¿ÉÓã¬Çë
¼û http://validator.w3.org ¡£Çë×¢Ò⣬ÔÚÎļþ¿ªÍ·µÄ´íÎ󣬿ÉÄÜÒòΪ²»µ±µÄ½á¹¹µÈÒòËØÔì³É¸ü¶à´íÎó£»ÎÒÃǽ¨ÒéÏÈÐÞÕýһЩ×îÃ÷Ï﵀ ......

IEÓëFFÔÚjs¡¢css¡¢html·½ÃæµÄ²»¼æÈÝÎÊÌâ


jsÒªÇó£ºÎªÊ¹ÏµÍ³ÄÜÔÚIEºÍFFÏÂÕý³£ÔËÐУ¬²»ÒªÊ¹ÓÃÔ­Éú̬µÄjavascript£¬½¨ÒéʹÓÃjsµÄ¿â£¨È磺jquery£©
        ²¢ÇÒÒªÇóÓÃjqueryÖУ¬»ñÈ¡¶ÔÏóµÄÊôÐÔʹÓÃ$obj.attr("attrName"),²»ÒªÊ¹ÓÃobj.attrName,·ÀÖ¹×Ô¶¨ÒåµÄÊôÐÔÔÚFFÖв»ÄÜÕý³£ÔËÐÐ
1¡¢ÎÊÌ⣺<span></span>ÔÚFFÏÂÔË ......

CSSÑùʽ±íѧϰһ

1. ¶¨ÒåÑùʽ
1.1 °´html±êÇ©¶¨Òå
ÀýÈ磺body{background-color:#999999; text-align:center}
1.2 °´ÀඨÒå
ÀýÈ磺.style1{border-style:solid; border-color:#0000FF; border-width:1px}
1.3 °´id¶¨Òå
ÀýÈ磺#style2{border-style:solid; border-color:#FF0000; border-width:1px}
2. CSSµÄλÖúÍÒýÓÃ
   ......

Css´úÂë

Css´úÂë
1.line-height:24px; 
line-height:24px;
 
ʹÓù̶¨¿í¶ÈµÄÈÝÆ÷²¢ÇÒÐèÒªÒ»Ðд¹Ö±¾ÓÖÐʱ£¬Ê¹Óà line-height ¼´¿É£¨¸ß¶ÈÓ븸²ãÈÝÆ÷Ò»Ö£©£¬¸ü¶àµÄ´¹Ö±¾ÓÖÐ×ܽá¿ÉÒÔ¿´ÕâÀï¡£
Çå³ýÈÝÆ÷¸¡¶¯
Css´úÂë
1.#main {  
2.    overflow:hidden;  
3.} 
#ma ......

dz̸IEÓëFirefox¶ÔCSSµÄ²»Í¬½âÎö

¡¡
¡¡Æäʵ£¬ÒÔǰ´ÓÀ´Ã»ÓнӴ¥¹ýCSSÏà¹ØµÄÄÚÈÝ£¬¶¼ÊÇÔÚ×öÒµÎñµÄ±à³Ì£¬´ÓÀ´Ã»Ïë¹ýÇ°Ì¨Ò³ÃæµÄÉè¼ÆÒ²ÄÜÈç´Ë¸´ÔÓ¡£Õâ´ÎÏîÄ¿µÄ¿ª¹ý¹ý³ÌÖУ¬×÷ΪCSS²ËÄñµÄÎÒÒ²
½Ó´¥µ½CSSµÄÏà¹ØÉè¼Æ¡£Ëù³öÏֵĵͼ¶ÎÊÌâºÍÀ˷Ѻܶàʱ¼äµÄ×´¿öÒ²²ã³ö²»ÇËùÒÔͨ¹ý¸÷·½ËÑË÷ºÍ×Ô¼ºµÄʵ¼ÊѧϰÖÐ×ܽá³ö¼¸µãIEºÍFirefox¶ÔCSS
µÄÇø±ð£¬¸ø´ó¼Ò½è¼ø¡£
¡¡¡ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ