CSSで画像の周りに白枠と影を付けて写真風に装飾をする
CSSで画像の周りに白枠と影を付けて写真風に装飾をするサンプルCSSのみで画像の周りに白枠と影を付けて、写真風に装飾をする方法を紹介します。撮影した写真に加工することなく、印象が変わると思います。本文に挿入されたimgタグに、下記のように赤字部分のstyle属性を記述する。<img src="画像URL" alt="" style="padding:8px;background-color:#fff;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:3px solid #ddd;border-bottom:3px solid #ddd;" />以上です。画像装飾の関連記事ボタン・バッジ・タブ画像を作成できるジェネレーターGIMPで写真のふちをぼかすGIMPで写真の明るさ・コントラストを調整GIMPで写真の字・線を消すGIMPでカラー写真をモノクロ・セピアにGIMP関連書籍