CSS实现文字描边，并且兼容常用浏览器
CSS实现文字描边的方法，我会，可是有些浏览器不兼容，希望大家能给我提供一种兼容，所有浏览器的CSS描边效果谢谢...
CSS实现文字描边的方法，我会，可是有些浏览器不兼容，希望大家能给我提供一种兼容，所有浏览器的CSS描边效果谢谢
展开
9个回答
展开全部
<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>
。。。
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>
。。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
博思AIPPT是基于ai制作PPT的智能在线工具，它提供了4种AI制作PPT的方式，包括AI生成大纲、AI直接生成PPT、文本生成PPT、AI提炼文档生成PPT，一站式集成多种AI生成PPT的方式，可满足办公用户的不同需求和使用场景。ai生...
点击进入详情页
本回答由博思aippt提供
展开全部
用js很简单啊 在网上有很多 好像JQUERY有这个插件
要纯css实现 我实现过阴影 按照那个理论你这个也可以 方法是：
每个文字显示三遍
然后设置一个文字浮动在另一个文字的上面 位置右下个移动1PX
然后设置一个文字浮动在另一个文字的上面 位置右下个反方向移动1PX
然后底部的两个文字设置浅灰色
好像这个方法可以，理论上 没试过 貌似很...
要纯css实现 我实现过阴影 按照那个理论你这个也可以 方法是：
每个文字显示三遍
然后设置一个文字浮动在另一个文字的上面 位置右下个移动1PX
然后设置一个文字浮动在另一个文字的上面 位置右下个反方向移动1PX
然后底部的两个文字设置浅灰色
好像这个方法可以，理论上 没试过 貌似很...
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<p style="font-size:12px;height:12px;color:white;filter:glow(color=black,strength=1);">
Text
要描边的字
</p> 不行么？
Text
要描边的字
</p> 不行么？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
试试这个
<style type="text/css">
body {
background-color:#99C
}
span {
position:absolute;
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>
<style type="text/css">
body {
background-color:#99C
}
span {
position:absolute;
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>
参考资料： http://blog.sina.com.cn/s/blog_46f84c5d01000b4h.html
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
目前不可能兼容所有浏览器
CSS有他的局限性
CSS有他的局限性
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（7）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
