背景が白い画像を貼ると境界がわかりにくくなる。
画像に枠をつけてみた。
参考にさせていただいたのはここやここ。
上の赤枠の行をstyle.cssの最後に追加してから[ファイルを更新]をクリックする。
|
1 2 3 4 5 |
.post img { border:solid 1px #D8D8D8; border-radius: 5px; box-shadow: 3px 3px 3px rgba(0,0,0,0.4); } |
上から順に、
境界線の種類、幅、色
角の丸み
影の範囲、色
の設定だ。
色はここを見て調整した。
枠を付けたくない場合は、
|
1 |
<img src="URL" style="border-radius: 0px; border:none; box-shadow:none" alt="text"> |
のように書く。
あと、サイズ的にぴっちりにしてあって、せっかく付けた影の右の部分が見えなくなってしまうので、記事部分の幅を３ピクセル分だけ広げた。
