div要素を画像枠で囲む - うなの日記任意のサイズのdiv要素を画像枠で囲みたい。具体的には、 ということでいくつか方法を検討してみました。 方法1 - 3分割した画像+div 3つに分割した枠画像とdiv要素を使う方法。 ○HTML/CSSがシンプル。 ×横幅が固定される。横幅のパターンがいくつかある場合、幅ごとに別の画像を用意する必要がある。 画像 枠画像を上、真ん中、下の3つに分割した画像を用意する。真ん中の画像は縦方向にリピートして使うので高さ1pxでOK。 HTML 背景を配置するためのdiv要素を追加する。枠で囲む対象のdiv要素はpanel_center内に配置。 <div class="panel_100"> <div class="panel_top"></div> <div class="panel_middle"> <div class="body" style="margin-left:10px;" >
