ホームページビルダー・グレート初心者講座

　スタイルを使ってフォーム部品の色設定

フォーム部品の色などをスタイルを使って設定してみます。

　サンプル

通常のボタン

背景と文字色を変更

枠の色やスタイルも変更

通常の一行テキストエリア

入力文字が緑色

背景が緑で文字が白

　設定

ボタン、テキストエリア共に同じ操作で色の変更ができますが、ここではボタンの場合を例に色の変更をしてみます。

１．送信ボタンを挿入する
ビルダー上部のメニューから【挿入】 → 【入力部品】 → 【プッシュボタン】 → 【送信ボタン】と辿り、ボタンを挿入します。

２．ボタンのスタイルを適用する
挿入したボタンを右クリックし、【スタイルの設定】を選択し、【現在のタグのみに・・・】の【編集】ボタンを押します。

【カラーと背景】のタブをクリックします。
ここで表示されている前景色と背景色は以下のような意味です。
【前景色】　→　文字の色を指定します。
【背景色】　→　ボタンやテキストエリアの背景を指定します。

それぞれを好きな色に変更します。

２．ボタン枠のスタイルを適用する
【レイアウト】タブをクリックします。
この中の【ボーダー】と記載されている項目が枠の設定になりますので、太さや色、枠のスタイルなどを変更します。
サンプルの赤いボタンは以下のような設定になっています。

スタイルに【二重線】などを使う場合、幅が１ピクセルや２ピクセルだと正しく表示できませんので、４ピクセル以上の値を指定しましょう。