WordPress如何给网页图片加圆角和阴影特效

这段时间一直在重建公司的官网,老板看到别人家网站的图片有圆角,不是直楞楞的,觉得挺好看,也想弄成这样的。本来是打算直接让美工把图片做成圆角的,但是一想后期可能还会有其他的图片需要添加,有没有一劳永逸的方法呢?于是索性做了下研究,其实还是挺简单的,在css里面添加一个简单的代码即可。参考代码如下:

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

 border-radius: 8px;

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

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

WordPress图片圆角代码

在使用之前最好现在网页前端检查或者审查元素,将相应的代码加进去做个调试,具体样式都是可以调整的,然后在后台文件中找到对应的位置修改CSS即可。修改完成后记得清一下缓存,立马让你的网页图片变得有立体感,感兴趣的新手站长们将代码运用到自己的网站试试吧。

来源:文章部分内容来自网络,由智能家居指南网整理发布,侵删!

发表评论