ホームページ >ウェブフロントエンド >CSSチュートリアル >優れた CSS 特殊効果 Words_CSS/HTML を保存します

優れた CSS 特殊効果 Words_CSS/HTML を保存します

WBOYオリジナル: 2016-05-16 12:12:231285ブラウズ

<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" cellpacing="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">
CSS テキストのシャドウ効果をテストする
</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" cellpacing="0" cellpadding="0" height="100%">
<tr>
<td style="FONT-SIZE:12px;" class="drop1" align="center" valign="middle">
<font face="verdana">CSS テキストのシャドウ スタイルをテストする</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" cellpacing="0" cellpadding="0" height="100%" style="FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX= 100,finishX=0,startY=100,finishY=0); 背景色: 1">
<td style="FONT-SIZE:24px;" class="drop0" align="center" valign="middle">
<font face="official" script>CSS テキストのシャドウ効果のテスト</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 ですべて選択 注: 外部 Js を導入する必要がある場合は、それを更新して  を実行する必要があります]</td>
</table>
</table>
</td></tr>
</table>
</div>

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：IE と Mozilla_CSS/HTML の間のレイアウトの違いを解決するには、! important を使用します。次の記事：IE と Mozilla_CSS/HTML の間のレイアウトの違いを解決するには、! important を使用します。

続きを見る

優れた CSS 特殊効果 Words_CSS/HTML を保存します

関連記事