css 文字按钮实现样式submit按钮以文本的形式显示出来
2009-12-07 19:52
721 查看
<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>
相关文章推荐
- 像文字一样的按钮,submit按钮以文本的形式显示出来
- css实现超连接按钮形式显示
- 文字过长 用 ... 表示 CSS实现单行、多行文本溢出显示省略号
- 怎么用html 显示出一横的多出来的文字,怎么实现CSS限制字数,超出部份显示点点点.
- 用css实现文字超出指定宽度显示省略号(...)
- 十九、css实现多行文本溢出显示省略号(…)
- 用JAVA实现文本形式的树状结构显示(转)
- CSS实现单行、多行文本溢出显示省略号
- CSS实现播放暂停按钮样式
- CSS实现单行、多行文本溢出显示省略号(…)
- CSS如何实现文字隐藏 超出文字隐藏 鼠标移入显示
- 替换textarea的文本编辑框的实现,可现实文字输入与显示图片、表情
- CSS实现单行、多行文本溢出显示省略号(…)
- CSS实现单行、多行文本溢出显示省略号(…)
- CSS实现单行、多行文本溢出时显示省略号
- 用css实现页面多行文本字段自动折行显示
- CSS小例子(只显示下划线的文本框,像文字一样的按钮)
- CSS基础:text-overflow:ellipsis溢出文本的显示样式
- css实现超出文本...显示
- CSS实现单行、多行文本溢出显示省略号(…)