日韩欧美卡一卡二卡新区,欧美一区二区在线观看免费网站,竹菊影视欧美日韩一区二区三区四区五区

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>只顯示下劃線的文本框，像文字一樣的按鈕</title> <style type="text/css"></style><style type="text/css" bogus="1"> body{ background-color:#daeeff; /* 頁面背景色 */ } form{ margin:0px; padding:0px; font:14px; } input{ font:14px Arial; } .txt{ color:#005aa7; border-bottom:1px solid #005aa7; /* 下劃線效果 */ border-top:0px; border-left:0px; border-right:0px; background-color:transparent; /* 背景色透明 */ } .btn{ background-color:transparent; /* 背景色透明 */ border:0px; /*border:0px solid #005aa7;邊框取消 */ cursor:pointer; }</style> </head> <body> <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="提交" class="btn" /> </div> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執行]

您可能感興趣的文章:

使用JavaScript和CSS實現文本隔行換色的方法
css文本框與按鈕美化效果代碼
CSS 美化段落文本之首字下沉
文本框css關閉輸入法
CSS漸變文本效果的兩種方法比較
用css實現隱藏文本框
CSS控制文本自動換行的問題
用CSS動態控制文本屬性
詳解CSS不定寬溢出文本適配滾動

標簽：貴州萊蕪鶴壁賀州邵陽廣安混顯滄州

巨人網絡通訊聲明：本文標題《CSS小例子(只顯示下劃線的文本框，像文字一樣的按鈕)》，本文關鍵詞 CSS,小,例子,只,顯示,下劃線,；如發現本文內容存在版權問題，煩請提供相關信息告之我們，我們將及時溝通與處理。本站內容系統采集于網絡，涉及言論、版權與本站無關。

欧美阿v视频在线大全_亚洲欧美中文日韩V在线观看_www性欧美日韩欧美91_亚洲欧美日韩久久精品

CSS小例子(只顯示下劃線的文本框，像文字一樣的按鈕)