『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
![新着記事](https://cdn-ak-scissors.b.st-hatena.com/image/square/23cca9ba88560eef761714d6ef73800d8a80e90c/height=288;version=1;width=512/http%3A%2F%2Fphotoshopvip.net%2Fwp-content%2Fuploads%2F2009%2F09%2F20elementsforwd.jpg)
任意のサイズの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;" >
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く