web程序设计实验二.docx

运行效果截图：

题2：

制作如下图所示的居中登陆框效果。

备注：

（1）表格整体宽度300像素，该表格位于一个div标签中，div有灰色的边框，表格分若干行（自己决定几行，做出类似效果即可）。

（2）点击登录按钮后跳转到如下页面。

（该页面使用了一个textarea控件），宽度差不多就行）

（3）点击“继续”按钮跳转到如下页面，表格宽度和各列宽度自己定，做出类似效果即可。

提示：

表格边框色可以在table中添加“bordercolor=…”属性实现

将上面三个页面的源码，分别粘贴在下面，并将你最终的页面运行效果截图粘贴在下面。

源代码：

第一个页面：

DOCTYPEhtml>

.align-center

{

text-align:

center;

width:

300px;

height:

300px;

position:

absolute;

left:

50%;

top:

50%;

transform:

translate（-50%,-50%）;

}

div

{

border:

1pxsolidgrey;

}