トップ ＞ HTML & CSS ＞　HTMLボタン

HTMLボタン

１．HTMLボタンのサイズ変更

例えば、 

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

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

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

２．HTMLボタンのフォントの変更

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

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