您的位置：首页 > Web前端 > CSS

css构建很赞的表单效果

2012-12-01 19:07 417 查看

效果

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

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航