画像の背景が白や薄い色だと、記事の背景色との境目があいまいで、ぼんやり見えてしまうので、画像を枠で囲いたいと思います。
記事の画像を枠で囲む
設定前
枠がなく、境目がわからない
設定後
枠が付きました。
設定方法
設定を記述する位置
.post-body img の border:none;を好きなデザインに変えます。変更後に記載してある内容は一例です。
<b:if cond='data:blog.pageType == "item"'>の上と下に一つずつありますが下にある方です。
設定詳細
変更前
.post-body img {padding:0px;background:transparent;border:none;}
変更後
.post-body img {background:transparent;border: 1.5px solid #cccccc;}
枠を外したいとき
上記の設定をいれると、記事内の画像にすべて枠が付きます。でも、時々枠を外したい時があります。その時はImgタグにborder ="0"を入れます。
<img border="0" src="https://XXXX/XXX.png" />
