ホームページ作成の基本中の基本である『使いやすい・分かりやすい』を実現するボタンを大きくする方法です。（小さくもできますが・・・）

特にタッチパネル方式のデザインを前提にしてる場合には絶対に必要になってきます。

通常のボタンでも、横幅はあまり意識しなくても文字が入りますので、押しやすいのですが、縦方向に対しては標準では少し小さい感もあります。

やはり訪問者に分かりやすくする為にボタンサイズを調整していきましょう。レイアウト上の都合で小さくする事も可能です。

また、さらに訪問者に分かりやすくする為に、マウスが重なった時にマウスカーソルを変更する事ができますのでボタンの上でマウスを手マークにするも見てください。

スタイルシート　width:サイズ;height:サイズ;

ボタンのサイズを変更するには、ボタンである<input>に対して
・width:サイズ;
・height:サイズ;
を設定していく事で大きさを調整する事が可能になります。

今回の例では、横幅を100px、縦高を50pxに設定してあります。

ボタンの書き方

<input type="button" value="購入" style="width:100px;height:50px">

こうなります

ホームページ作成ＴＯＰ > フォームを設置する > ボタンのサイズを変える > このページのＴＯＰ　▲

ワンランクＵＰ講座
ホームページのスタイルをワンランクアップ！基本調整や特選方法、さらにはインターネットの話題までメールマガジンでお届けします。