Question

CSS文字描边怎么实现，急！

怎么样实现CSS文字描边，并且还要兼容各浏览器？谢谢。

Answer 1

楼上说法不大对啊。
我觉得他的意思应该是文字的滤镜属性。
一般情况下的浏览器都没有问题，IE6之前的版本可能不支持。

代码实现如下：

<style type=”text/css”>
body {
font:12px “Verdana”;
filter:alpha(style=1,startY=0,finishY=100,startX=100,finishX=100);
background-color:#3366cc;
}
.sizscolor {
font-size:14px;font-weight:bold;
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);
}
#english {
font-size:9px;
}
</style>
<span id=”english”>This is the prospect of filter - dropshadow.</span>
<br><br>
<div class=”sizscolor “>中文描边效果</div>

Answer 2

像你说的那种描边css 中只有一种 {border:1px solid #ccc;}

但这不能兼容各浏览器[内部的像素会变]

不过我推荐一种做法 在任何浏览器中都行的通

代码:
<style>
ul,div{oveflow:hidden;margin:0px;}
</style>
<Div style='width:200px;height:200px;background-color:#ccc;'>
<UL style='width:198px;height:198px;margin:1 0 0 1px;background-color:#fff;'> </UL>
</Div>

Answer 3

像你说的那种描边css
中只有一种
{border:1px
solid
#ccc;}
但这不能兼容各浏览器[内部的像素会变]
不过我推荐一种做法
在任何浏览器中都行的通
代码:

ul,div{oveflow:hidden;margin:0px;}

Answer 4

滤镜好像是IE的专利啊。文字描边？没听说过用css做的。