分享最精品的资源,网站源码,影子门户,qq技术博客,吾爱分享,实用软件,网站搭建,影视资源,技术教程 分类搜索 官网    VIP电影   留言板   免责声明    我要投稿   后花园  

网站首页 SEO教程 正文

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

2019-04-07 SEO教程 53 ℃ 0 评论

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

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

  border-radius: 8px;

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

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

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

    取消

    感谢您的支持,我会继续努力的!

    扫码支持
    扫码打赏,你说多少就多少

    打开支付宝扫一扫,即可进行扫码打赏哦

    Tags:

    < weida blog >
    如有密码均为:weidablog.com
    学到东西应该懂得感恩作者 无脑喷子永封IP段+删帐号所有评论
    本站资源软件和源码 文章大部分为网上收集,如侵犯您的权利,请告知管理员,我们会及时删除,并向您赔礼道歉.

    站长QQ:858896214  官方QQ群:未添加

    猜你喜欢

    搜索
    最近发表
    «    2021年6月    »
    123456
    78910111213
    14151617181920
    21222324252627
    282930