CSS小例（下線付きテキストボックス、テキスト風ボタンのみ）_体験交流

<title>下線付きのテキスト ボックス、テキストのようなボタンのみを表示します</title> <style type="text/css"><!-- 体{ background-color:#daeeff; /* ページの背景色 */ } 形状{ マージン:0px; パディング:0px; フォント:14ピクセル; } 入力{ フォント:14px Arial; } 。TXT{ 色:#005aa7; border-bottom:1px Solid #005aa7; /* 下線効果 */ ボーダートップ:0px; ボーダー左:0px; ボーダー右:0px; background-color:transparent; /* 背景色を透明 */ } .btn{ background-color:transparent; /* 背景色を透明 */ border:0px; /*border:0px ソリッド #005aa7;ボーダーキャンセル */ カーソル:ポインタ; } --></style> <style type="text/css" bogus="1">本文{ background-color:#daeeff; /* ページの背景色 */ } 形状{ マージン:0px; パディング:0px; フォント:14ピクセル; } 入力{ フォント:14px Arial; } 。TXT{ 色:#005aa7; border-bottom:1px Solid #005aa7; /* 下線効果 */ ボーダートップ:0px; ボーダー左:0px; ボーダー右:0px; background-color:transparent; /* 背景色を透明 */ } .btn{ background-color:transparent; /* 背景色を透明 */ border:0px; /*border:0px ソリッド #005aa7;ボーダーキャンセル */ カーソル:ポインタ; }</スタイル> <本文> <div> ユーザー名: <input type="text" name="name" id="name" class="txt" /> パスワード: <input type="password" name="pwd" id="pwd" class="txt" /> <input type="submit" name="btnSubmit" id="btnCancel" value="リセット" class="btn" /> <input type="submit" name="btnSubmit" id="btnSubmit" value="Submit" class="btn" /> </style>