网站首页
无损音乐
高清电影
游戏新闻
动漫资讯
破解资源
站长资源
游戏攻略
css 文字按钮实现样式submit按钮以文本的形式显示出来
网页制作 发布日期：2024/10/8 浏览次数：
1
正在浏览：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" class="txt"> <input type="submit" name="btnSubmit" id="btnSubmit" value="Submit" class="btn"></form></body></html>
提示：您可以先修改部分代码再运行
上一篇：
CSS 选择符的用法和实例
下一篇：
面向对象的CSS应用
首页
无损音乐
高清电影
破解资源