帶白邊的黑字 css_CSS/HTML

<span style="font-size:36px;position:absolute;filter:progid:DXImageTransform.Microsoft.Glow(color=#ffffff,Strength=4); ">hellobaby</span>
[Ctrl+A 全選注需刷新才能執行]

hellobaby<span id="oo" style="font-size:36px;position:absolute;left:10px;top:10px;filter:progid:DXImageTransform.Microsoft.Glow(color=#ffffff,Strength=1); "></span>
[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

文字描邊+動態發光

<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 "> </span>Nothing is impossible
[Ctrl+A 全選 註:

如需引入外部Js需刷新才能執行<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>]<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>