能否在html实现文字描边效果?求代码。最好兼容各大浏览器的。_百度知...

提问网友发布时间：2022-04-23 07:01

声明：本网页内容为用户发布，旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:1656858193@qq.com

共2个回答

热心网友回答时间：2022-04-21 08:32

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div class="test">文字描边</div>
<style>
.test{
color: orange;
font-size: 50px;
text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
-webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
-moz-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
}
</style>
</body>
</html>

不兼容IE10以下版本，其它各大浏览器没问题。

热心网友回答时间：2022-04-21 09:50

<SPAN style="DISPLAY: block; FONT-SIZE: 10pt; FILTER: glow(color=000000,strength=3);
COLOR: red; HEIGHT: 1px; TEXT-ALIGN: center">描边文字</SPAN>

看看这个能不能帮助您，

本文如未解决您的问题请添加抖音号：51dongshi（抖音搜索懂视），直接咨询即可。

已解决

等待解决

首页

互助专区

登录

注册

能否在html实现文字描边效果?求代码。最好兼容各大浏览器的。_百度知...