HTML+CSS+TABLE实现简单注册
来源:互联网 发布:作图软件app 编辑:程序博客网 时间:2024/06/07 09:50
最终实际效果
html代码:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>注册</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="topic">
<a>
注册
</a>
</div>
<div class="content">
<form>
<table cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" height="30"></td>
</tr>
<tr>
<td width="120px">姓 名</td>
<td width="120px"><input type=""/> </td>
<td width="110px">格式:中文</td>
</tr>
<tr>
<td colspan="3" height="10"></td>
</tr>
<tr>
<td>联系方式:</td>
<td><input type="number"></td>
<td>格式:11位手机</td>
</tr>
<tr>
<td colspan="3" height="10"></td>
</tr>
<tr>
<td>所在公司:</td>
<td><input type="text"></td>
<td></td>
</tr>
<tr>
<td colspan="3" height="10"></td>
</tr>
<tr>
<td>职务:</td>
<td><input type="text"></td>
<td></td>
</tr>
<tr>
<td colspan="3" height="10"></td>
</tr>
<tr>
<td colspan="2"><input type="button" value="提交" class="btn"/></td>
</tr>
</table>
</form>
</div>
</div>
</body>
</html>
css代码:
body{
font-family: "宋体",arial, helvetica, sans-serif;
color: #333333;
font-size: 12px;
}
.reg{
width: 450px;
height: auto;
margin: 0 auto;
padding-top: 100px;
}
.topic{
background-color:greenyellow ;
width: 450px;
height: 54px;
font-size: 40px ;
color: deepskyblue;
text-align: center;
}
.content{
border: 1px solid#DBDBDB;
color: #003976;
background: #f9f9f9;
text-align: center;
}
.btn{
color: #ffffff;
background-color: deepskyblue;
width: 58px;
height: 27px;
border: 0;
}
- HTML+CSS+TABLE实现简单注册
- html+css+table实现注册页面设计
- HTML+CSS实现的简单注册表单
- HTML Table锁定表头(CSS实现)
- html&css实现阿里巴巴注册界面
- HTML+CSS实现静态注册页面
- HTML,使用div+css实现自适应table布局
- html table css 实现固定表头的办法
- HTML/CSS实现<table>表头固定、表体滚动
- JavaScript、CSS、HTML 实现用户注册页面与信息校验
- html+css的简单界面实现
- HTML+CSS实现简单下拉菜单
- HTML+CSS实现简单下拉菜单
- js css+html实现简单的日历
- 使用html+css实现简单的箭头
- HTML+CSS+Javascript 实现简单计算器
- html+css 实现简单的列表
- html 简单注册页面
- 目标识别之Bag of words(BOW)
- 深度学习论文整理
- 推荐一个简单好用的jquery分页插件
- 蓝桥杯练习系统算法训练——前缀表达式运算
- Struts的文件上传与下载
- HTML+CSS+TABLE实现简单注册
- UVa 10817 Headmaster‘s Headache 【01背包 位运算】
- L2-011. 玩转二叉树
- MySQL的主从复制配置(异步,半同步)
- Hibernate映射多对多
- 堆排序
- 算法:字符串匹配算法整理
- Camel之Quartz2
- 第七届蓝桥杯【省赛试题2】生日蜡烛