手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css 文字按钮实现样式submit按钮以文本的形式显示出来
css 文字按钮实现样式submit按钮以文本的形式显示出来
摘要:像文字一样的按钮请输入您的信息:提示:您可以先修改部分代码再运行

<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"> <input type="submit" name="btnSubmit" id="btnSubmit" value="Submit>>"></form></body></html>

提示:您可以先修改部分代码再运行

【css 文字按钮实现样式submit按钮以文本的形式显示出来】相关文章:

用css实现隐藏文本框

css实现强制不换行/自动换行/强制换行

css实现文字过长显示省略号的方法

css按钮自适应实现原理及代码

css强制文字不换行实现代码

CSS实现样式布局的锦囊妙计22招

纯css实现的tab切换效果

CSS控制文字在Div最底部显示

css实现图片在div中居中的效果

用CSS实现文字的阴影效果

精品推荐
分类导航