額縁はDIVタグの枠のスタイルを指定することによって可能です。
先ず、
スタイル指定部(クリックすると説明が出ます。)に次のように記述します。
#wak{width:376px;text-align:center}
#wak1{border:10px ridge #ffc}
#wak2{border:6px ridge #ffc; padding:20px; background:#300}
IMG{border:2px inset #fff}
- #wakのwidth:376pxで額縁の幅を指定します。(画像の幅が300ピクセルの場合)
- #wak1が外側の枠で、#wak2が内側の枠です。
- #wak2のpadding:20pxで写真と枠までの間隔を指定し、background:#300で台紙の色を指定します。
- IMG{border:2px inset #fff}で、台紙の切り口を白色にしています。
画像を表示する部分に次のように記述します。
<DIV ID=wak><DIV ID=wak1><DIV ID=wak2>
<IMG SRC="パス/画像ファイル名">
</DIV></DIV></DIV>
ブラウザ対応表
ブラウザ | IE | Netscape | Opera
|
バージョン | 5.00 | 5.50 | 6.0 | 6.2.3 | 7.01 | 6.06 | 7.21
|
対応 | ○ | ○ | ○ | ○ | ○ | ○ | ○
|