1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>Text Replacement</title>
 6 <style >
 7 /* 文字阴影 */
 8 *{
 9    text-shadow: 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 15px #FFFFFF, 0 0 15px rgb(255, 0, 0), 0 0 12px rgb(255, 0, 0);
10 }
11 /* 
12 位置position（w3c解释 
13 1.相对位置 relative http://www.w3school.com.cn/css/css_positioning_relative.aspp  
14 2.绝对位置 absolute http://www.w3school.com.cn/css/css_positioning_absolute.asp 
15 3.浮动 float http://www.w3school.com.cn/css/css_positioning_floating.asp ）
16 文字对齐方式text-align 
17 外边距margin
18 是否会出现滚动条overflow （w3c解释 http://www.w3school.com.cn/css/pr_pos_overflow.asp）
19 */
20 #absolute {position:relative; width:341px; height:519px; overflow:scroll; margin-top:300px; text-align:center;}
21 
22 #absolute span { position:absolute; width:341px; height:519px; left:0; top:0;
23 background:url('0.jpg') no-repeat;}
24 </style>
25 </head>
26 
27 <body>
28 <div>Text Replacement</div>
29 <div id="absolute"> Sized Absolute <span></span></div>
30 </body>
31 </html>