トップはじめに新着情報HP作成サンプル関連サイトフリー素材掲示板その他検索エンジン
はじめに/バナーサイトマップ用語集
掲示板の新着更新履歴
HP作成の予備知識HP作成関連ソフト無料で作る簡単なHP無料で作るWEB素材HTMLの解説CSSレイアウトデザインCGI(Perl)の解説CGIの予備知識PHPの予備知識
HTMLサンプルCSSサンプルDHTMLサンプルJavascriptサンプルCGIサンプルPHPサンプルWEB開発調査ツール
無料関連サイトWEB素材関連サイトHTML関連サイトCSS・デザイン・
テンプレート関連サイト
JavaScript関連サイトCGI(Perl)関連サイトPHP関連サイト
スキンボードアクセスカウンタカラーピッカーFCP Ver2.1
HP作成質問箱あしあと掲示板お絵描き掲示板雑談掲示板HP質問過去ログ
総合リンク集サポートサービス管理者へ連絡メール迷惑メールのgraveyard
GoogleYahoo!gooinfoseekMSN SearchFresheyeLycos

※スタイルシート、スタイル属性の詳しい解説は、「HTMLの解説」にあります。

■ 送信ボタンの色変更

入力フォームなどに使用するテキスト入力欄や送信ボタンの色を変更します。
同じ方法で入力フォームで使用される要素のスタイルを指定する事ができます。

これらは、スタイルシートを使用する方法と、style属性で指定する方法があります。

スタイルシートスタイル属性の詳しい説明は、「HTMLの解説」−「15.スタイルシート」や「HTMLの解説」−「14.スタイル属性」を参照してください。

なお、表示色に関してはご自分できちんと指定してください。



■ スタイル属性で指定する方法

【記述サンプル】
<INPUT type="text" style="color:white;background-color: black;border-color:red;">
<INPUT type="button" value="送信" style="color: white;background-color:black;border-color: red;">

■ スタイルシートで指定する方法

まず、HEAD句内にスタイルシートを記述します。

【記述サンプル】
<STYLE type="text/css"> <!-- .btn {   color: white;   background-color: black;   border-color: red; } --> </STYLE>

次にテキスト入力欄や送信ボタンにスタイルシートを摘要します。

【記述サンプル】
<INPUT class="btn" type="text"> <INPUT class="btn" type="button" value="送信">

page update:2019/01/09 19:55

Copyright (c) 2000-2009, all Rights Reserved & Produced by atom