之前博主看到一些站长把自己的网页图片设计成圆角,并且还加了阴影,让图片看起来比较立体,博主也是觉得蛮有意思的,索性做了下研究,其实还是挺简单的。有些站长朋友问怎么做,这里,分享一下经验心得,参考代码如下。
给网页图片加圆角的代码如下:
border-radius: 8px;
给网页图片加阴影的代码如下:
box-shadow: 2px 2px 2px #58585d;
结语:就这么两个简短的代码即可实现,建议在使用的时候,先在网页前端审查元素,将以上代码加进去做个调试,然后在后台文件中修改CSS即可,立马让你的网页图片变得有立体感,感兴趣的新手站长们也可以将代码运用到自己的网站试试吧。
1、文章版权归作者所有,未经允许请勿转载。
2、本站所有文章,如无特殊说明或标注,均为本站原创发布。任何在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们邮箱:526009505@qq.com进行处理。
3、咨询请联系QQ:526009505
2、本站所有文章,如无特殊说明或标注,均为本站原创发布。任何在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们邮箱:526009505@qq.com进行处理。
3、咨询请联系QQ:526009505
你可能也喜欢
- ♥ 说说静态网页的特点、优缺点及与动态网页的区别07/18
- ♥ 关于最近公司客户网站续费的问题08/27
- ♥ 学习基础的html代码知识09/24
- ♥ 网站添加3D地球记录访客,显示访客统计的代码07/20
- ♥ 网站如何提高页面打开加载速度?04/25
- ♥ 移动端wap手机网站该怎么设计?05/28