分享学习记录
互联网技术知识

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

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

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

border-radius: 8px;

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

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

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

赞(0)
文章名称:《网页图片加圆角和阴影的代码》
文章链接:https://www.bailuze.com/178.html
本站所有文章,如无特殊说明或标注,均为本站原创发布。任何在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
本站专注于百度、搜狗、360、谷歌、bing等常见搜索引擎的优化,关键词排名的提高,诚意咨询邮箱526009505@qq.com
分享到