鹿泽鹿泽  2023-07-17 10:54:38 鹿泽笔记 隐藏边栏  0 

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

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

border-radius: 8px;

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

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

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

1、文章版权归作者所有,未经允许请勿转载。
2、本站所有文章,如无特殊说明或标注,均为本站原创发布。任何在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们邮箱:526009505@qq.com进行处理。
3、咨询请联系QQ:526009505