HTML中表单Form实现居中效果代码示例

时间：2022-06-25 17:51:11 编辑：袖梨来源：一聚教程网

本篇文章小编给大家分享一下HTML中表单Form实现居中效果代码示例，文章代码介绍的很详细，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。

1、刚做出来的样子

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

2、经过修改后

看起来好像更别扭了，但是实现了居中，到这里时，我也不知道自己用的对不对。。。


	
		`````
		`````
	 form>
 center>

3、使用表格布局后

最终呈现的结果。


	
		
		css" href="./img/favicon.png"/>
		
	
	
		
		
			
				
					名字:
					
				
				
					姓氏:
					
				
				
					登录名:
					
（可包含a-z、0-9和下划线）
				
				
					密码:
					
（至少包含6个字符）
				
				
					再次输入密码:
					
				
				
					电子邮箱:
					
（必须包含@字符）
				
				
					性别:
					
						男
						女
					
				
				
					头像:
					
				
				
					爱好:
					
						运动 
						聊天
						玩游戏
					
				
				
					出生日期:
					
						年
						
						日

若觉得左边的标签左对齐不好看，也可以在标签中加入align=“right”,使文字右对齐

名字:

推荐专题

最新下载

热门教程

HTML中表单Form实现居中效果代码示例

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程

名字:
姓氏:
登录名:	（可包含a-z、0-9和下划线）
密码:	（至少包含6个字符）
再次输入密码:
电子邮箱:	（必须包含@字符）
性别:	男女
头像:
爱好:	运动聊天玩游戏
出生日期:	年日