<!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> .shadow_box { position: absolute; width: 500px; height:400px; left: 50%; top: 50%; margin-left: -250px; margin-top: -200px; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 30px 0 #999; -moz-box-shadow: 0 0 30px 0 #999; box-shadow: 0 0 30px 0 #999; border:1px solid #d3d3d3 } .shadow_box p{ padding:30px} </style> </head> <body> <div class="shadow_box"> <p>内容区域内容区域内容区域内容区域内容区域内容区域内容区域内容区域内容区域内容区域内容区域内容区域内容区域内容区域内容区域内容区域内容区域内容区域内容区域内容区域</p> </div> </body> </html>
原文：http://www.cnblogs.com/Xuman0927/p/5504753.html