Heim > Web-Frontend > HTML-Tutorial > html 列数不同的表格_html/css_WEB-ITnose

html 列数不同的表格_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-21 09:45:59
Original
1560 Leute haben es durchsucht

html 界面

要做一个登陆界面 结果图如下
我想要实现第一行只有一列 用户登录在第一行中间,同样的最后一行也只有一列并且按钮也在中间。请问怎么设置?

回复讨论(解决方案)

在 第一行 最后一行 td 加上 scope="col" 

合并单元格。

<table border="1">	<tr>		<td  colspan="2" align="center"> 用户登录</td>	</tr>	<tr>		<td>用户:</td>		<td>			<input name="usertype"  type="radio"/>学生			<input name="usertype"  type="radio"/>教师			<input name="usertype"  type="radio"/>管理员		</td>	</tr>	<tr>		<td>登录名:</td>		<td><input type="input"/></td>	</tr>	<tr>		<td>密码:</td>		<td>			<input type="password"/>		</td>	</tr>	<tr>		<td colspan="2" align="center">			<input type="button" value="登录"/>			<input type="button" value="重置"/>		</td>	</tr></table>
Nach dem Login kopieren

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage