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

发布网友发布时间：2023-11-11 14:20

共2个回答

热心网友时间：2024-11-06 00:24

<!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以下版本，其它各大浏览器没问题。

热心网友时间：2024-11-06 00:24

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

看看这个能不能帮助您，