直接上代碼：
<html> <head> <title>像文字一樣的按鈕</title> <style> body{ background-color:#daeeff; /* 頁面背景色 */ } form{ margin:0px; padding:0px; font:14px; } input{ font:14px Arial; } .txt{ border-bottom:1px solid #005aa7; /* 下划線效果 */ color:#005aa7; border-top:0px; border-left:0px; border-right:0px; background-color:transparent; /* 背景色透明 */ } .btn{ background-color:transparent; /* 背景色透明 */ border:0px; /* 邊框取消 */ } </style> </head> <body> <form method="post"> 請輸入您的信息: <input type="text" name="name" id="name" class="txt"> <input type="submit" name="btnSubmit" id="btnSubmit" value="我是按鈕" class="btn"> </form> </body> </html>
效果：
