我正在尝试创建一个带有阴影的对象。我相信你需要 CSS3 来做到这一点,到目前为止我已经有了类似的东西。
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div
{
width:300px;
height:100px;
background-color:yellow;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
最佳答案
添加框阴影:
#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 */
}
this fiddle 上的示例但请注意,由于这是 CSS3 且 IE6/7 很旧,因此无法与它们一起使用。
关于CSS3 阴影,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11480130/