CSSだけで画像をフレーム表現するあれこれ

僕のブログでも画像をいろいろCSSで装飾していますが 画像にフレーム(枠)をつける方法をいろいろ紹介しようと思います。 ボーダーを使って装飾 一番オーソドックスな方法かもしれませんが、 枠をボーダーで表現する方法です。 ※サンプルの写真は、僕が撮影した飛行機の上からの景色です。 ●全体が同じ太さのボーダー a img.imglinksamp01 { border:10px solid #cfcfcf; } a:hover img.imglinksamp01 { border:10px solid #9f9f9f; } ●全体をボーダー二重ライン a img.imglinksamp02 { border:10px double #cfcfcf; } a:hover img.imglinksamp02 { border:10px double #9f9f9f; } ●ボーダーで額縁のように表現