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

css控制div中元素居中的示例

纯css实现的tab切换效果

css样式的动态添加及显示和隐藏等零碎用法

一款纯css实现的垂直时间线效果

css实现li中文本超出行宽自动隐藏

纯CSS实现的鼠标经过文本时提示的信息

精品推荐
分类导航