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

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

1、刚做出来的样子

			名字:
			

		
			姓氏:
			

		
			登录名:
			（可包含a-z、0-9和下划线）

		
			密码:
			（至少包含6个字符）

		
			再次输入密码:
			

		
			电子邮箱:
			（必须包含@字符）
		

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

2、经过修改后

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

	

		`````
		`````
	

3、使用表格布局后

最终呈现的结果。

	
		
		css" href="./img/favicon.png"/>
		
	
	
		
		
			

				

					
名字:
					

				
				

					
姓氏:
					

				
				

					
登录名:
					
（可包含a-z、0-9和下划线）
				
				

					
密码:
					
（至少包含6个字符）
				
				

					
再次输入密码:
					

				
				

					
电子邮箱:
					
（必须包含@字符）
				
				

					
性别:
					

						男
						女
					
				
				

					
头像:
					

				
				

					
爱好:
					

						运动 
						聊天
						玩游戏
					
				
				

					
出生日期:
					

						年
						
							[选择月份]
							1月
							2月
							3月
							4月
							5月
							6月
							7月
							8月
							9月
							10月
							11月
							12月
						
						日
					
				
			
			
					
		
		
	

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

名字: