Html : 将submit变成像文字一样的按钮
2024-08-29 04:46:46
直接上代码:
<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="我是按钮" class="btn">
</form>
</body>
</html>
效果:
最新文章
- AngularJS学习笔记(1) - AngularJS入门
- python成长之路【第十一篇】:网络编程之线程threading模块
- 循序渐进Python3(十一) --1-- web之css
- bootstrap-tab
- 指针与const
- Ubunbu新建的用户使用SecureCrt无法Table补全、无法高亮
- Linux man 用法小结(Linux指令学习笔记)
- Hadoop卸载或增加节点
- HDU_2156 分数矩阵
- 取消IE“已限制此网页运行可以访问计算机的脚本,转自“园封记忆”
- 腾讯QQ、新浪微博等知名社交网络图标素材
- an error occured during the file system check
- mysql允许远程IP访问
- EasyUI中datagrid实现显示、增加、 删除、 修改、 查询操作(后台代码C#)
- WCF连接被意外关闭
- java使用ffmpeg实现上传视频的转码,提取视频的截图等功能
- (1)Python基础
- C 语言-----字符串和输入输出函数
- 上手并过渡到PHP7(5)——轻量级“集合”迭代器-Generator
- SQL竖列变横列