ホームページビルダー14・13・12・11の使い方解説



角の丸いテーブル(背景画像を利用した表)を作る

5pxの太さの角の丸い表】&【2pxの太さの角の丸い表】&【背景を利用した表

下の表は背景画像を表に使用する方法で、もっとも簡単に角丸表に文字を入れる事ができます。作成方法はいたって簡単です。
但し、この場合は、文字数によって自動的に表の大きさが変わることがありませんので、文字数に注意してください。

今日は、なんて天気が良いのでしょう
背景画像を使ってこのように色付きや枠のいわゆる角の丸い表はできます。

ウェブアートデザイナーにてページに合った幅、高さの画像を作成し、所定のフォルダに保存してください。

ページに表を作成します。上は400×60の画像ですので、表もそれに合わせます。
※下図のようにそれぞれのプロパティを設定します。これが合わないとおかしくなりますよ。
こちらは表のプロパティ こちらは画像を入れるセルのプロパティ

セルのプロパティにて背景画像に、先に作成した画像を指定してください。これで完了です。
文字を入れる場合は、背景画像を使ったセルの中にもうひとつ表を作成し、その中に文字を入れるようにしてください。文字の位置を調節するのに必要となります。
時間がありましたら、せっかく画像を作成するのですから、下のような少し派手目な表に活用してみてはいかがでしょうか?
今日より○○日まで、特売セールします!!





| ウェブアートデザイナー | ロゴの作成 | 角の丸い表 5px | 角の丸い表 2px | 角の丸い表 背景利用 |

Copyright (C) 2008 ホームページビルダーを学ぼう All Rights Reserved.