2007/06/22 | 通过CSS对文字描边
类别(Ajax和CSS) | 评论(3) | 阅读(3968) | 发表于 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 浏览  )


9

评论Comments

日志分类
首页[223]
Flash[50]
Flex和AIR[76]
Ajax和CSS[9]
SilverLight[3]
视觉设计[10]
心情[39]
杂七杂八[36]