Home >Web Front-end >CSS Tutorial >Save some good css special effects words_CSS/HTML

Save some good css special effects words_CSS/HTML

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal: 2016-05-16 12:12:231311browse

<div class="HtmlCode" title="点击运行该代码！" style="CURSOR: pointer" onclick="preWin=window.open('','','');preWin.document.open();preWin.document.write(this.innerText);preWin.document.close();">
<style>
.drop0 {color:#FFFFFF;filter: DropShadow(Color=#000000, OffX=1, OffY=1, Positive=1);FONT-SIZE: 12px;}
.drop1 {color:#000000;filter: DropShadow(Color=#FFFFFF, OffX=1, OffY=1, Positive=1);FONT-SIZE: 12px;}
</style>

<table>
<tr><td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr><td style="FONT-SIZE:20px;" class="drop0" align="center" valign="middle">
<font face="黑体">测试CSS文字阴影特效</font>
</td></tr>
</table>
</td></tr>
<tr><td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr><td style="FONT-SIZE:14px;" class="drop0" align="center" valign="middle">
测试CSS文字阴影特效
</td></tr>
</table>
<td style="FONT-SIZE:14px;" class="drop0" align="center" valign="middle">
Test CSS text shadow effects
</td>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr><td style="FONT-SIZE:12px;" class="drop1" align="center" valign="middle">
<font face="verdana">Test CSS text Shadow style</font>
</td></tr>
</table></td>
</tr>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td style="FONT-SIZE:12px;" class="drop1" align="center" valign="middle">
<font face="verdana">Test CSS text Shadow style</font>
</td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" style="FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX=100,finishX=0,startY=100,finishY=0); BACKGROUND-COLOR: 1">
<tr><td style="FONT-SIZE:24px;" class="drop0" align="center" valign="middle">
<font face="隶书">测试CSS文字阴影特效</font>
</td></tr>
</table></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" style="FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX= 100,finishX=0,startY=100,finishY=0); BACKGROUND-COLOR: 1">
<td style="FONT-SIZE:24px;" class="drop0" align="center" valign="middle">
<font face="official" script>Testing CSS text shadow effects</font>
<br><input onclick="runEx('runcode84962')" type="button" value="运行代码"><input onclick="doCopy('runcode84962')" type="button" value="复制代码"><input onclick="doSave(runcode84962)" type="button" value="保存代码">
<a href="/article/23421.htm" title="查看具体详情" target="_blank">
</a>
  [Ctrl+A to select all Note: If you need to introduce external Js, you need to refresh it to execute ]</td>
</table>
</table>
</td></tr>
</table>
</div>

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Use !important to solve the layout differences between IE and Mozilla_CSS/HTMLNext article：Use !important to solve the layout differences between IE and Mozilla_CSS/HTML

See more

Save some good css special effects words_CSS/HTML

Related articles