代码示例：（标识：css_text-shadow13）
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf8" />
<link rel="stylesheet" type="text/css" href="/static/demo/html/css/cc.css" />
<script type="text/javascript" src="/static/demo/html/css/cs.js"></script>
<script type="text/javascript">
<!--
function test_demo_val(strValue)
{
var strId="MyH1"
document.getElementById(strId).style.textShadow=strValue;
document.getElementById("CodeValue").innerHTML=strValue;
}
//-->
</script>
<style>
p#MyH1
{
font-size:40px;
font-family:'微软雅黑';
margin-left:55px;
}
p#MyH1
{
text-shadow:2px 2px red;
}
</style>
</head>
<body>
<!--wrapper-->
<div id="wrapper">
<div id="SelArea">
<h2>CSS 属性：</h2>
<h3>text-shadow:</h3>
<form action="javascript:return false;">
<ul>
<input type="hidden" id="PreSelectedValue" value="5px 5px 10px blue" />
<li><input autocomplete="off" type="radio" name="rpos" onClick="test_demo(this)" id="value_1" value="2px 2px red" />2px 2px red</li>
<li><input autocomplete="off" type="radio" name="rpos" onClick="test_demo(this)" id="value_2" value="5px 5px red" />5px 5px red</li>
<li><input autocomplete="off" type="radio" name="rpos" onClick="test_demo(this)" id="value_3" value="20px 20px red" />20px 20px red</li>
<li><input autocomplete="off" type="radio" name="rpos" onClick="test_demo(this)" id="value_4" value="-10px 10px red" />-10px 10px red</li>
<li><input autocomplete="off" type="radio" name="rpos" onClick="test_demo(this)" id="value_5" value="-10px -10px red" />-10px -10px red</li>
<li><input autocomplete="off" type="radio" name="rpos" onClick="test_demo(this)" id="value_6" value="5px 5px red" />5px 5px red</li>
<li><input autocomplete="off" type="radio" name="rpos" onClick="test_demo(this)" id="value_7" value="5px 5px 1px red" />5px 5px 1px red</li>
<li><input autocomplete="off" type="radio" name="rpos" onClick="test_demo(this)" id="value_8" value="5px 5px 2px red" />5px 5px 2px red</li>
<li><input autocomplete="off" type="radio" name="rpos" onClick="test_demo(this)" id="value_9" value="5px 5px 3px red" />5px 5px 3px red</li>
<li><input autocomplete="off" type="radio" name="rpos" onClick="test_demo(this)" id="value_10" value="5px 5px 4px red" />5px 5px 4px red</li>
<li><input autocomplete="off" type="radio" name="rpos" onClick="test_demo(this)" id="value_11" value="5px 5px 5px red" />5px 5px 5px red</li>
<li><input autocomplete="off" type="radio" name="rpos" onClick="test_demo(this)" id="value_12" value="5px 5px 10px red" />5px 5px 10px red</li>
<li><input autocomplete="off" type="radio" name="rpos" onClick="test_demo(this)" id="value_13" value="5px 5px 10px blue" />5px 5px 10px blue</li>
<li><input autocomplete="off" type="radio" name="rpos" onClick="test_demo(this)" id="value_14" value="5px 5px 10px black" />5px 5px 10px black</li>
<li><input autocomplete="off" type="radio" name="rpos" onClick="test_demo(this)" id="value_15" value="5px 5px 10px #00FF00" />5px 5px 10px #00FF00</li>
</ul>
</form>
</div>
<div id="result">
<h2>结果：</h2>
<div id="DemoArea">
<p id="MyH1">text-shadow 属性</p>
</div>
<h2>CSS 代码：</h2>
<pre id="CodeArea">
p#MyH1
{
text-shadow:<span id="CodeValue">2px 2px red</span>;
}
</pre>
</div>
</div><!--wrapper End-->
</body>
<script type="text/javascript">tiy_onload()</script>
</html>
