兼容性好的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>

posted @ 2013-02-16 14:51  好俊的功夫啊  阅读(6061)  评论(0编辑  收藏  举报