css 文字按钮实现样式submit按钮以文本的形式显示出来

2024-07-11 08:39:38

字体：大中小

来源：转载

供稿：网友

<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=”Submit>>” class=”btn”> </form> </body> </html> 
提示：您可以先修改部分代码再运行

上一篇：基于Jquery和Css3代码制作可以缩放的搜索框

下一篇：CSS 网页布局应该避免滥用div元素