网页图片加圆角和阴影的代码

之前博主看到一些站长把自己的网页图片设计成圆角，并且还加了阴影，让图片看起来比较立体，博主也是觉得蛮有意思的，索性做了下研究，其实还是挺简单的。有些站长朋友问怎么做，这里，分享一下经验心得，参考代码如下。

给网页图片加圆角的代码如下：

border-radius: 8px;

给网页图片加阴影的代码如下：

box-shadow: 2px 2px 2px #58585d;

结语：就这么两个简短的代码即可实现，建议在使用的时候，先在网页前端审查元素，将以上代码加进去做个调试，然后在后台文件中修改CSS即可，立马让你的网页图片变得有立体感，感兴趣的新手站长们也可以将代码运用到自己的网站试试吧。

👋 感谢您的观看！