CSS div文字描边 兼容IE6 IE7 IE8 火狐浏览器

html-css017

CSS div文字描边 兼容IE6 IE7 IE8 火狐浏览器,第1张

<style type="text/css">

body { font-size:12pxfont-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)

text-shadow:0 0 1px #FFF

}

</style>

</head>

<body>

<span>ie用滤镜，火狐用css3</span>

<br />

<div class="sizscolor">中文描边效果</div>

</body>

</html>

方法一

比如，下图中的文字层

2

要给文字添加一些特效；比如，添加浮雕效果

那么，我们先调出浮雕特效来。

我们可以在菜单栏中的效果中调出

3

点：效果，

再点：风格化，

再点：浮雕

4

看，文字即添加了浮雕的特效，

然后，再设置浮雕效果一些参数。

方法二

把上述的效果删除。返回原始状态。

然后，再用另一种方法添加浮雕效果。

看右侧的面板，效果和预设

2

然后，在搜索框内输入：浮雕

看，下面即显示出浮雕效果来

3

然后，鼠标点住：浮雕，

拖向左边的窗口文字这里，即给文字添加了浮雕效果。

4

或者是，鼠标点住：浮雕，

拖向文字图层中的名称这个位置来。即给文字添加了浮雕效果