通过CSS对文字描边

      Ajax和CSS 2007-6-22 17:20

       可能网上已经有这种效果的各种示例了....不过本人还是初次接触(我还是挺落后的...).... 觉得不错就收藏了, 不敢私藏, 就发上来和大家交流一下......... 早就学会的高手们就不要见笑 >_< !  先看最终效果图:

==  [  代码  ]  ===================================

<style type="text/css">
body { font-size:12px; font-family:Arial, Helvetica, sans-serif;
    filter:alpha(style=1,startY=0,finishY=100,startX=100,finishX=100);
    background-color:#666666;
}
.sizscolor {
    position:absolute;
    padding:4px;
    filter:
        Dropshadow(offx=1,offy=0,color=white)
        Dropshadow(offx=0,offy=1,color=white)
        Dropshadow(offx=0,offy=-1,color=white)
        Dropshadow(offx=-1,offy=0,color=white);
}
</style>
</head>

<body>
    <span>这是滤镜属性的使用 - dropshadow.</span>
    <br />
    <div class="sizscolor">中文描边效果</div>
</body>

=============================================

CSS中文字描边:    压缩包下载  ( 注:  请用 IE 浏览  )


标签集:TAGS:html css
回复Comments() 点击Count()

回复Comments

{commenttime}{commentauthor}

{CommentUrl}
{commentcontent}