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>