兼容性好的CSS字体投影

时间:2023-03-08 18:08:15

兼容性好的CSS字体投影

<p>兼容性良好的css文字描边</p>

<style><!--

h1, p {

color: #fff;

width: 100%;

text-align: center;

line-height: 150%;

font-weight: normal;

font-family: 微软雅黑;

text-shadow: 1px 0 0 #8B4513, 0 1px 0 #8B4513, 0 -1px 0 #8B4513, -1px 0 0 #8B4513, 1px 0 1px #8B4513, 0 1px 1px #8B4513, 0 -1px 1px #8B4513, -1px 0 1px #8B4513;

filter: Dropshadow(offx = 1, offy = 0, color = #8B4513) Dropshadow(offx = 0, offy = 1, color = #8B4513) Dropshadow(offx = 0, offy = -1, color = #8B4513) Dropshadow(offx = -1, offy = 0, color = #8B4513);

}

p {

font-family: 宋体;

font-size: 12px;

}

div {

width: 100%;

color: #fff;

filter: Dropshadow(offx=1,offy=0,color=#290000) Dropshadow(offx=0,offy=1,color=#290000) Dropshadow(offx=0,offy=-1,color=#290000) Dropshadow(offx=-1,offy=0,color=#290000);

text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

}

--></style>

<p> </p>

<h1>兼容性良好的css文字描边</h1>

<p>容器好像需要宽度高度,要不然会不显示的!偶尔发现的。具体的大家可以仔细研究!</p>

<div align="center">描边了吗描边了吗描边了吗描边了吗描边了吗描边了吗</div>

<p> </p