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

站长经验 尹华峰 浏览 评论来源:www.yinhuafeng.cn

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

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

  border-radius: 8px;

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

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

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