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

html-css010

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

或者是,鼠标点住:浮雕,

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