使HTML中的表单Form实现居中效果

您所在的位置:网站首页 html让文字居中代码怎么写 使HTML中的表单Form实现居中效果

使HTML中的表单Form实现居中效果

2024-07-10 11:34| 来源: 网络整理| 查看: 265

使HTML中的表单Form居中

之前碰到一个作业,给了一张图片,让按照图片样式做一个表单,但在所有功能都实现后,发现无法让表单居中,一直缩在左上角,看起来很难看。在经过了各种修改后,终于成功将表单居中,下面分享一下我所经历过程中的错误与最终结果。(因为做这部分作业的时候还没有学 css,所以没用)

1、刚做出来的样子

名字: 姓氏: 登录名: (可包含a-z、0-9和下划线) 密码: (至少包含6个字符) 再次输入密码: 电子邮箱: (必须包含@字符)

看起来很别扭,所以要继续改进一下。。。

2、经过修改后

在这里插入图片描述 看起来好像更别扭了,但是实现了居中,到这里时,我也不知道自己用的 < center> 对不对。。。

````` ````` 3、使用表格布局后

在这里插入图片描述 这就是在经过了一晚上的修改后,最终呈现的结果。

名字: 姓氏: 登录名: (可包含a-z、0-9和下划线) 密码: (至少包含6个字符) 再次输入密码: 电子邮箱: (必须包含@字符) 性别: 男 头像: 爱好: 运动 聊天 玩游戏 出生日期: 年 [选择月份] 1月 2月 3月 4月 5月 6月 7月 8月 9月 10月 11月 12月 日 若觉得左边的标签左对齐不好看,也可以在 < td >标签中加入align=“right”,使文字右对齐 名字:

在这里插入图片描述



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3