带白边的黑字 css - 站长资源库


答案：<body bgcolor=silver><span style="font-size:36px;position:absolute;filter:progid:DXImageTransform.Microsoft.Glow(color=#ffffff,Strength=4); ">hellobaby</span></body>
  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]


<body bgcolor=silver><span id=oo style="font-size:36px;position:absolute;left:10px;top:10px;filter:progid:DXImageTransform.Microsoft.Glow(color=#ffffff,Strength=1); ">hellobaby</span></body> 
<script> 
var len=1; 
setInterval(function(){ 
  oo.filters[0].strength=(len=(len+1)%7)+1; 
  oo.style.posLeft=10-len; 
  oo.style.posTop=10-len; 
  },100); 
</script>
  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

文字描边+动态发光
<body bgcolor="#cccccc" style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=blue,endColorStr=skyblue)"> 
<div style="width:234px;height:88px;background:0606d6;filter:progid:DXImageTransform.microsoft.dropshadow(offx=2,offY=2,color=#ffffff) progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=blue,endColorStr=skyblue)"> 


<font face="华文行楷" size="6px" style="position:absolute;filter:progid:DXImageTransform.microsoft.dropshadow(offx=1,offY=1,color=#ffffff) progid:DXImageTransform.Microsoft.Glow(color=#ffffff,Strength=4);">不过是给文字加上阴影</font></div>

 
<span id=oo style="font-size:36px;position:absolute;left:310px;top:10px;filter:progid:DXImageTransform.Microsoft.Glow(color=#ffffff,Strength=1);font-family:Preciosa ">Nothing is impossible</span></body> 
<script> 
var len=1; 
setInterval(function(){ 
  oo.filters[0].strength=(len=(len+1)%7)+1; 
  oo.style.posLeft=310-len; 
  oo.style.posTop=10-len; 
  },100); 
</script>

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
上一个：改进网页可读性的7个方法
下一个：如何处理多国语言
更多图片编程知识: