トップHTML & CSS >  HTMLボタン

HTMLボタン

1.HTMLボタンのサイズ変更

例えば、

<input type="submit" value="検索"/>
のように記述すると、表示は下のようになる。

ボタンのサイズを変更するには、width属性(property) と height属性に適切な値を設定すればよい。例えば、

<input type="submit" value="検索" style="width:45px; height:20px"/>
のように記述する。このときの表示は次のようになる。

2.HTMLボタンのフォントの変更

style="font:[サイズ]pt [フォント] ;color:[色];" で指定する。 例えば、

<input type="submit" value="検索" 
    style="font:10pt MS ゴシック; font-weight: bold; color:red"/>
のように記述する。 このときの表示は次のようになる。