之前博主看到一些站长把自己的网页图片设计成圆角,并且还加了阴影,让图片看起来比较立体,博主也是觉得蛮有意思的,索性做了下研究,其实还是挺简单的。有些站长朋友问怎么做,这里,尹华峰SEO博客分享一下经验心得,参考代码如下。
给网页图片加圆角的代码如下:
border-radius: 8px;
给网页图片加阴影的代码如下:
box-shadow: 2px 2px 2px #58585d;
结语:就这么两个简短的代码即可实现,建议在使用的时候,先在网页前端审查元素,将以上代码加进去做个调试,然后在后台文件中修改CSS即可,立马让你的网页图片变得有立体感,感兴趣的新手站长们也可以将代码运用到自己的网站试试吧。