分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

Html : 将submit变成像文字一样的按钮

发布时间:2023-09-06 01:59责任编辑:林大明关键词:暂无标签

  直接上代码:

<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>

  效果:

  

Html : 将submit变成像文字一样的按钮

原文地址:https://www.cnblogs.com/finalanddistance/p/9181382.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved