記事の中に貼りつける写真（画像）にいちいち枠と影をつけていたら大変ですね。
そこで、普通に写真を貼りつけたら、勝手にこのように枠と影がつくようにすることができます。
（スマホではつきませんので、悪しからず^^;）
アメブロのデザインが、CSSの編集デザインの方は、
一番下に次のコードをコピペすると私と同じ枠と影が表示されます。
（一番下ってどこ？という方はこちら→『CSSコードを自分で追加したり、修正したり、削除したりするには』）
/*記事内の画像の白枠と影*/
.articleText a.detailOn img {
border:1px solid #b3b3b3;/*枠線*/
background:#fafafa;/*線の色*/
padding:8px;/*線の太さ*/
box-shadow: 3px 3px 4px #cccccc;/*影*/
}
うまく外側の枠線が表示されない方は、次のコードをコピペしてみてください。
/*記事内の画像の白枠と影*/
.articleText a.detailOn img {
border:1px solid #b3b3b3!important;/*枠線*/
background:#fafafa;/*線の色*/
padding:8px;/*線の太さ*/
box-shadow: 3px 3px 4px #cccccc;/*影*/
}
ちなみに、記事を書いている最中や、「表示の確認をする」のプレビュー画面では確認できません。
あくまでも、公開されて確認できることになります。
また、今まで貼ってある画像にもすべて枠と影がつきます。
なので、ギリギリに画像の大きさしている場合は、右側が切れている場合がありますので、再度調整されると良いです。
以上、画像の枠と影でした。
LIDS札幌・ライフデザインスクール
川上 雄大
