HTML5制作信息登记表

							# 制作信息登记表#

样式需求分析:
一、 通过最外层的大盒子对页面进行整体控制,设置宽高、背景图片及相对定位。
在这里插入图片描述

二、 通过标记对表单进行整体控制,对其设置宽高、边距、边框样式及绝对定位。
在这里插入图片描述

三、 通过

标记控制标题的文本样式,对其设置对齐、外边距样式。
在这里插入图片描述

四、 通过

标记控制每一行的学员信息模块,对其设置外边距样式。
在这里插入图片描述

五、 通过标记控制提示信息,将其转为行内块元素,对其设置宽度、又内边距及右对齐。
在这里插入图片描述

六、 通过标记控制输入框的宽高、内边距和边宽样式。
在这里插入图片描述

成品样式主要代码:
在这里插入图片描述

效果图:
在这里插入图片描述

这种表格较为普通,我给它加入CSS样式:
示例代码:

在这里插入图片描述
在这里插入图片描述

加入CSS样式后的效果图:

在这里插入图片描述
更多精彩文章请关注微信公众号:YQ编程,或微信扫描以下二维码关注,还有许多IT类电子书等你来拿。
在这里插入图片描述

posted @ 2022-02-13 12:52  黑马金牌编程  阅读(1109)  评论(0)    收藏  举报