+ -
当前位置:首页 → 问答吧 → 用CSS3 来制作背景阴影效果???

用CSS3 来制作背景阴影效果???

时间:2011-03-29

来源:互联网

想用CSS3做背景图的阴影效果    请问哪里有教程可以看啊??

作者: shixianlixiang   发布时间: 2011-03-29


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="utf-8" /> <meta name="robots" content="all" /> <meta name="author" content="Tencent-ISRD" /> <meta name="Copyright" content="Tencent" /> <title>box-shadow</title> <style> #box{ margin: 50px auto; padding:4px 10px; height: 300px; width: 300px; -webkit-box-shadow:0px 0px 15px #000; -moz-box-shadow:0px 0px 15px #000; } </style> </head> <body> <div id="box">Safari和Firefox下可以看到效果,可惜ie6不支持</div> </body> </html>
 提示:您可以先修改部分代码再运行

作者: shixianlixiang   发布时间: 2011-03-30