利用CSS代码实现阴影效果

很多时候我们在设计网站时需要加一些阴影效果，那么怎么实现呢，代码如下：

<style>
    #box{ width:200px; 
    height: 200px; 
    border:1px black solid;
    margin:100px; 
    box-shadow: 2px 2px 2px 2px black}
</style>

这样一个简单的阴影效果就实现了，是不是很简单呢？