AAA级精品无码久久久国产片,亚洲中文无码久久精品1,精品一区二区三区在线观看

主頁 > 知識(shí)庫 > CSS小例子(只顯示下劃線的文本框，像文字一樣的按鈕)

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

<!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需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

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

標(biāo)簽：樂山紅河長(zhǎng)治沈陽新疆滄州上海河南

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《CSS小例子(只顯示下劃線的文本框，像文字一樣的按鈕)》，本文關(guān)鍵詞；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。

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

QQ咨詢

電話咨詢

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