흰색 테두리가 있는 검정색 텍스트 css_CSS/HTML

<span style="font-size:36px;position:absolute;filter:progid:DXImageTransform.Microsoft.Glow(color=#ffffff,Strength=4); ">헬로베이비</span>
[Ctrl+A 모두 선택 참고:소개해야 할 경우 외부 Js를 실행하려면 새로 고쳐야 합니다 ]

<span id="oo" style="font-size:36px;position:absolute;left:10px;top:10px;filter:progid:DXImageTransform.Microsoft.Glow(color=#ffffff,Strength=1); ">hellobaby</span>
[Ctrl+A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다

]
텍스트 획 + 동적 광선

<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>불가능은 없습니다
[모두 선택하려면 Ctrl+A 참고:

외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. <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>