6-9.html

来自「一些css样式表的例子供大家学习和参考。」· HTML 代码 · 共 36 行

HTML
36
字号
<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>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?