手机
当前位置:查字典教程网 >网页设计 > 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实现带箭头的DIV提示框

html-css设置标签样式不起作用的2点原因

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

利用CSS实现禁止双击选择页面内容的实例展示

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

如何实现条状图表形式

用css实现十字的布局示例代码

css实现文字的自动隐藏

CSS实现左图右文混排布局的方法

精品推荐
分类导航