1024
问
热门
后端
前端
数据库
移动端
小程序
WEB
运维
大数据
区块链
注册
登录
默认
JAVA
C语言
Python3
C++
JavaScript
GO
Mysql
Android
Swift
物联网
人工智能
大数据
云计算
区块链
css 文字按钮实现样式submit按钮以文本的形式显示出来
Carol
·
更新时间:2024-09-21
· 982 次阅读
<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
需要
登录
后方可回复, 如果你还没有账号请
注册新账号
相关文章
Java 正则表达式
Laurie
2020-11-30
811
Go 语言递归函数
Rena
2021-06-15
787
PHP 函数
Tallulah
2021-02-28
842
Android 悬浮按钮之实现兔兔按钮示例
Nancy
2023-02-26
1319
使用canvas制作炫酷黑客帝国数字雨背景html+css+js
Elina
2023-03-29
1421
关于CSS渲染:CSS是如何绘制颜色的
Querida
2023-04-14
183
CSS中height:100vh和height:100%的区别
Serafina
2023-04-19
951
CSS实现鼠标悬停svg图标描边效果
Rhea
2023-04-19
734
36种漂亮的CSS3网页按钮Button样式(主要结合before与after)
Malinda
2023-04-19
935
纯CSS实现了下划线的交互动画效果
Kathy
2023-04-19
677
CSS 实现块级元素靠右的方法
Nora
2023-04-19
653
纯CSS实现鼠标悬停图片上升显示描述案例
Pandora
2023-04-19
1001
基于css实现炫酷按钮动画效果案例代码
Tani
2023-04-19
1624
css圆角三角形的实现代码
Tanisha
2023-04-19
597
js实现响应按钮点击弹出可拖拽的非模态对话框完整实例【测试可用】 原创
Miette
2023-04-24
1791
jQuery实现点击按钮弹出可拖拽模态对话框完整实例【测试可用】 原创
Miette
2023-04-26
837
Vue3全局使用按钮截流指令示例代码
Heather
2023-05-12
1311
JS+CSS实现超漂亮的动态翻书效果(思路详解)
Thalia
2023-05-17
1676
QT实现按钮开关Form窗体的效果的示例代码
Yvonne
2023-07-20
774
WPF自定义实现上传文件显示进度的按钮控件
Kara
2023-07-21
1696
我要提问
致谢
帮助他人,成就自己。
人生最大成功就是伸出热情而温暖的双手,尽自己所能去帮助身边的每一个人,只要无私的奉献,就会收获到美好的生活。
1024问感谢每一位朋友的帮助和支持。
软件开发网提供编程的基础软件技术培训教程,软件开发编程实例讲解Go,Node,HTML,CSS,Javascript,Python,Java,Ruby,C,PHP,MySQL等软件开发编程语言以及数据开发的基础知识,也提供大量的软件开发在线实例、从入门到精通就在1024问。
育儿网
微养生
全球行
美食街
育儿
菜谱大全
海南旅游
女性
养狗百科
星座