注册页面

最新推荐文章于 2024-04-28 15:16:24 发布

3l-li

最新推荐文章于 2024-04-28 15:16:24 发布

阅读量1.2k

点赞数 1

文章标签：注册页面

本文链接：https://blog.csdn.net/lxh_gdmu/article/details/48932947

版权

效果图：

这里写图片描述

注册页面.html

<!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">姓&nbsp;&nbsp;&nbsp;&nbsp;名：</td>
<td ><input type="text"/></td>
<td width="200px">格式：中文</td>
</tr>
<tr>
<td width="200px">联系方式：</td>
<td ><input type="text"/></td>
<td width="200px">格式：11位手机号码</td>
</tr>
<tr>
<td width="200px">所在公司:</td>
<td ><input type="text"/></td>
</tr>
<tr>
<td width="200px">职&nbsp;&nbsp;&nbsp;&nbsp;务：</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>

style.css

@charset "gb2312";
/* CSS Document */
body{//body样式--整个网页的样式
    font-family:"楷体";
    color:#000;
    background:#666;
    font-size:14px;
    }
.All{
    width:600px;
    height:auto;//设置边框的高度随文本的变化而变化
    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;//去掉边框样式
    }

3l-li

关注

1
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
注册页面

效果图：注册页面.html<!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><
复制链接

扫一扫