注意:
就表示行标签;表示列标签。扩展资料:
用HTML代码制做一个三行三列的表格:
用table标签,tr表示行,td表示列,下面是一个2行2列表格的例子。
<tableborder="1">
<tr>
<td>内容1</td>
<td>内容2</td>
</tr>
<tr>
<td>内容3</td>
<td>内容4</td>
</tr>
</table>
1,在html文件中,编写一个基本的table表格元素,将border宽度设置为1px即可。
2,打开浏览器,在浏览器中查看一下效果,可以看到目前没有任何样式,是一个简单的table表格。
3,用css代码为表格赋予样式,此处设置为居中显示,单元格的宽度加长,高度增加。
4,再次打开浏览器查看一下效果,可以看到表格的样式已经比较美观了,展示信息比较清楚。
5,在css代码中,使用nth-child方法区别表格中每一行的奇偶数,给奇数和偶数列分别赋予不同的颜色。
6,打开浏览器刷新页面,可以看到表格已经实现了隔行变色的效果,以上就是实现该功能的步骤。
Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有 粤ICP备16019765号
广州京杭网络科技有限公司 版权所有