css构建很赞的表单效果

最新推荐文章于 2023-11-04 18:45:50 发布

blue7wings

最新推荐文章于 2023-11-04 18:45:50 发布

阅读量609

点赞数

分类专栏： javascript&html 文章标签： css CSS html Html HTML 文字按钮

本文链接：https://blog.csdn.net/blue7wings/article/details/8246990

版权

javascript&html 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

效果

就是将提交按钮改成文字状的,这样看着更加简洁.

CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用css建立表单</title>
<style type="text/css">
form{
	font:20px Arial, Helvetica, sans-serif;
	}
.txt{
	
	font:20px Arial, Helvetica, sans-serif;
	border:0px;
	border-bottom:1px black solid;
	background-color:transparent;
	}
.btn{
	font:20px Arial, Helvetica, sans-serif;
	border:0px;
	background-color:transparent;
	<!--当鼠标指针移动到上面的时候显示为手掌形状-->
	cursor:pointer;
	}

</style>


</head>

<body>
<form action="test.php" method="get" action="test.php">
姓名:<input type="text" name="name" class="txt" />

<input type="submit" value="提交>>>" class="btn"/>
</form>
</body>
</html>