<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>注冊頁面</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div class="All">
<div class="top"></div>
<div class="top2"></div>
<div class="content">
<form>
<table cellspacing="0" cellspadding="0">
<tr>
<td colspan="3" height="10px"></td>
</tr>
<tr>
<td width="200px">姓 名：</td>
<td ><input type="text"/></td>
<td width="200px">格式：中文</td>
</tr>
<tr>
<td width="200px">聯(lián)系方式：</td>
<td ><input type="text"/></td>
<td width="200px">格式：11位手機(jī)號碼</td>
</tr>
<tr>
<td width="200px">所在公司:</td>
<td ><input type="text"/></td>
</tr>
<tr>
<td width="200px">職 務(wù)：</td>
<td ><input type="text"/></td>
</tr>
<tr>
<td colspan="3" ><input type="button" value="提交" class="bt"/></td>
<td></td>
<td></td>
</table>
</form>
</div>
</div>
</body>
</html>
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
style.css
@charset "gb2312";
/* CSS Document */
body{//body樣式--整個(gè)網(wǎng)頁的樣式
? ? font-family:"楷體";
? ? color:#000;
? ? background:#666;
? ? font-size:14px;
? ? }
.All{
? ? width:600px;
? ? height:auto;//設(shè)置邊框的高度隨文本的變化而變化
? ? margin:0 auto;
? ? padding-top:200px;
? ? }
.top{
? ? background:url(top.jpg);
? ? width:600px;
? ? height:100px;
? ? margin-bottom:2px;//圖片底部留2px
? ? }
.top2{
? ? background:url(top2.jpg);
? ? width:600px;
? ? height:10px;
? ? margin-bottom:2px;//圖片底部留2px
? ? }
.content{
? ? border:1px solid #FF0;//邊框樣式
? ? background:#FFF;//背景顏色
? ? text-align:center;//文本居中
? ? }
.bt{
? ? background:url(02.jpg);//“提交”按鈕 圖片
? ? width:58px;
? ? height:27px;
? ? border:none;//去掉邊框樣式
? ? }
