2

我正在尝试创建一个带有阴影的对象。我相信你需要 CSS3 来做到这一点，到目前为止我有类似的东西。

<!DOCTYPE html>
<html>
<head>
<style type="text/css"> 
div
{
width:300px;
height:100px;
background-color:yellow;

}
</style>
</head>
<body>

<div></div>

</body>
</html>
4

2 回答 2

4

添加盒子阴影：

#thediv 
{
    width:300px;
    height:100px;
    -moz-box-shadow: 10px 10px 5px #888; /* firefox shadows*/
    -webkit-box-shadow: 10px 10px 5px #888; /* chrome / safari shadows */
    box-shadow: 10px 10px 5px #888; /* general browser support */
}​

这个小提琴上的例子，但作为一个注释，因为这是 CSS3 和 IE6/7 是旧的，它不会与它们一起工作。

于 2012-07-14T01:04:23.977 回答
0

将此样式添加到您的 div 标签中

-moz-box-shadow: 10px 10px 5px #888888; 
/* Firefox 3.6 and earlier */
box-shadow: 20px 20px 55px #888888;
于 2012-07-14T01:02:31.583 回答