表格怎么做才能有图里的效果?
下面的代码哪里改了就可以实现了呢?
<!doctype>
<html>
<head>
<title>input标签</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
</head>
<body>
<pre>
<input <b><font color="red">type</font>="类型属性" name="名称"</b>..../></pre>
<table align="center" frame="hsides" rules="all" cellspacing="0" width="50%">
<caption><b><font color="red"><intput>标签</font></b></caption>
<tr align="center">
<th width="50%">Type属性值</th>
<th width="50%">描述</th>
</tr>
<tr align="center" bgcolor="pink">
<td width="50%">text</td>
<td width="50%">文字域</td>
</tr>
<tr align="center">
<td width="50%">password</td>
<td width="50%">密码域</td>
</tr>
<tr align="center" bgcolor="pink">
<td width="50%">file</td>
<td width="50%" width="50%">文件域</td>
</tr>
<tr align="center">
<td width="50%">checkbox</td>
<td width="50%">复选框</td>
</tr>
<tr align="center" bgcolor="pink">
<td width="50%">radio</td>
<td width="50%">单选框</td>
</tr>
<tr align="center">
<td width="50%">button</td>
<td width="50%">按钮</td>
</tr>
<tr align="center" bgcolor="pink">
<td width="50%">submit</td>
<td width="50%">提交按钮</td>
</tr>
<tr align="center">
<td width="50%">reset</td>
<td width="50%">重置按钮</td>
</tr>
<tr align="center" bgcolor="pink">
<td width="50%">hidden</td>
<td width="50%">隐藏域</td>
</tr>
<tr align="center">
<td width="50%">image</td>
<td width="50%">图像域</td>
</tr>
</table>
</body>
</html>
正在回答
如果想达到这种效果,因为边框线的原因,一个表格是是显示不了的。你需要重新布局:这整个图是一个大表格,大表格为2行2列,有内边框和上下外边框。第二行的2个单元格内,如图所示:
分别嵌套了一个小表格,小表格隔行换色,没有边框
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星