在Blogger里用box-shadow的CSS样式显示图片阴影

起因是，有些教程里贴了比较多的图片，图片是在白色为底色的界面上截下来的，教程本身页面也是白色为底，如果有多个图片连续的时候，容易让读者分不清图片之间的分隔。一开始找到一个用边框border属性简单实现的，如下：

.post-body img {
   background: #f8f8f8;
  border-top:1px solid #ccc;
  border-right:1px solid #666;
  border-bottom:2px solid #999;
  border-left:1px solid #ccc;
  padding: 7px;
}

效果比较生硬，而且和代码的那个框有点像，看起来就是满篇都是框框。

继续找了一些CSS样式，再经过一些调整和实验，最终选定了这个样式

.post-body img {
    box-shadow: 3px 3px 5px 2px #ccc;
}

阴影带一点弥散，刚刚好在左边和上边显示出一点点阴影的颜色，和背景的白色分隔开。这个效果也能让读者聚集去注意图片。

添加到自定义CSS里。

--- 20190108 ---
从Google的页面上看到一个比较好看的box-shadow效果，copy过来，换一下

.post-body img {
    box-shadow: 0 2px 5px 1px rgba(0,0,0,.26);
}