Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö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;


Ïà¹ØÎĵµ£º

CSS stytleÊôÐÔ´óÈ«

ÔªËØ | i ¶ÔÏó IMG ÔªËØ | img ¶ÔÏó DHTML ¶ÔÏó
IFRAME ÔªËØ | iframe ¶ÔÏó
--------------------------------------------------------------------------------
´´½¨ÄÚǶ¸¡¶¯¿ò¼Ü¡£
³ÉÔ±±í
ÏÂÃæµÄ±í¸ñÁгöÁË iframe ¶ÔÏóÒý³öµÄ³ÉÔ±¡£Çëµ¥»÷×ó²àµÄ±êÇ©À´Ñ¡ÔñÄãÏëÒª²é¿´µÄ³ÉÔ±ÀàÐÍ¡£
±êÇ©ÊôÐÔ/ÊôÐÔ  
ÏÔʾ ......

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

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

cssÍøÒ³±³¾°½¥±ä

<style  type="text/css">
/*
  ´ÓÉÏÍùϽ¥±ä
*/
body
{
   FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#003C9F,endColorStr=white);
}
/*
  ´Ó×óÉÏÖÁÓÒϽ¥±ä
*/
body
{
   background-color:skyblue;
   FILTE ......

ʹÓÃĸ°æÒ³Ê±ÄÚÈÝÒ³ÈçºÎʹÓÃcssºÍjavascript

ÓÉÓÚÍøÕ¾µÄÖ÷ҪƵµÀÒ³ºÍÁбíÒ³µÄÍ·²¿ºÍµ×²¿¶¼ÊÇÒ»ÑùµÄ£¬Èç¹û½«Ã¿¸öÒ³Ãæ·ÅÔÚµ¥¶ÀµÄÒ³ÃæÖУ¬µ±Í·²¿ºÍµ×²¿ÐèÒª¸ü¸Äʱά»¤Á¿Ì«´ó¡£ÓÚÊÇÏë°ÑÍ·²¿ºÍµ×²¿×ö³Éĸ°æÒ³£¬ÆµµÀÒ³ºÍÁбíÒ³µÄ¾ßÌåÄÚÈݷŵ½ÄÚÈÝÒ³ÖС£ÕâÑùµ±Í·ºÍµ×ÐèÒª¸Ä¶¯Ê±£¬Ö»ÒªÐÞ¸ÄÒ»ÏÂĸ°æÒ³¾Í¿ÉÒÔÁË¡£
       ºÃ´¦ÓÐÁË£¬ÎÊÌâÒ²½Ó×ÅÀ´Á ......

µÚÒ»´ÎÍæÂÛ̳£¬ÎÒÊÇÒ»¸öÖÒʵµÄCSSÕß

ÐÕÃû£ºÀÖÀÖ---ÀÖcss-lecss
ÍŶӿª·¢×öµÄ¡£±¾È˸ºÔðµÄÒ³ÃæÒÔ¼°ÅŰæÖ®ÀàµÄ£¬ÓÐÐËȤµÄ¿ÉÒÔÈ¥ÍøÕ¾ÉÏ×ªÓÆ×ªÓÆÏ¡£¡£
ÌìÌÃÍø£º
www.tiantang.cn
http://tiantang.cn/hills/hill1/page/hillindex.aspx 
ÀÏÈËÍø£º
www.laoren.cn
--
Éè¼Æ¹ý³ÌÄÇÊÇÒ»ÖÖÂþ³¤¶ø°º¹óµÄÕÛÄ¥..¡£
--
ÎÒÂùϲ»¶CSSµÄ£¬¿ÉÊÇÈ´Ò²¶ÔËüºÜ·³ÄÕ£¬ÓÐ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ