文本自动换行：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
p.test
{
11em;
border:1px solid #000000;
word-wrap:break-word;
}
</style>
</head>
<body style="font-size:24px; color:#60F;">
这个是没有规定自动换行的
<p style="11em; border:1px solid #000000;">This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.</p>
<br />
<br />
这个是规定了自动换行的
<p class="test">This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.</p>
</body>
</html>
文字阴影效果：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
body
{
font-size:24px;
color:#60F;
}
h1
{
text-shadow:5px 5px 5px red;}
h2
{
text-shadow:10px 10px 5px yellow;}
</style>
</head>
<body>
<h1>文字特效！！！</h1>
<h2>狂拽酷炫吊炸天</h2>
</body>
</html>
