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

admin4年前59535

  之前博主看到一些站长把自己的网页图片规划成圆角,而且还加了暗影,让图片看起来比较立体,博主也是觉得蛮有意思的,干脆做了下研讨,其实仍是挺简略的。有些站长朋友问怎么做,这儿,尹华峰SEO博客共享一下经历心得,参阅代码如下。

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

  border-radius: 8px;

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

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

  结语:就这么两个简略的代码即可完成,主张在运用的时分,先在网页前端检查元素,将以上代码加进去做个调试,然后在后台文件中修正CSS即可,立马让你的网页图片变得有立体感,感兴趣新手站长们也能够将代码运用到自己的网站试试吧。

网友评论