[分享]css3怎么让图片四周有阴影

CSS3是一个用于网页设计的工具，它可以为我们提供许多简化网页设计的特性，其中包括为图片添加阴影效果。img { boxshadow: 5px 5px 5px 888888; } 上述代码将会添加一个...

CSS3是一个用于网页设计的工具，它可以为我们提供许多简化网页设计的特性，其中包括为图片添加阴影效果。

img {
   box-shadow: 5px 5px 5px #888888;
} 

上述代码将会添加一个长度为5像素（px），偏移了五像素（px）的阴影（#888888）到每个图片的四周。

如果你想添加更大的阴影，可以相应地增加第一个和第二个参数的值。例如：

img {
   box-shadow: 10px 10px 10px #888888;
} 

这将创建一个长度为10像素（px），偏移了10像素（px）的阴影（#888888）。

请记住，此代码仅仅为图片添加阴影，如果你想将这个效果添加到其它元素（如文本块或DIV），你只需要把img改成你想要应用阴影的元素ID或class名称即可。

最后，如果你想用不同的阴影颜色（如红色 or 蓝色），你可以通过更改代码中的颜色值来实现。

img {
   box-shadow: 5px 5px 5px #ff0000;
} 

上述代码将添加红色阴影到每个图片的四周。

在完全掌握代码特性之前，请先进行实验以及在实际应用中加以了解，这样你将会得到更多的感悟。