html 如何在图片上嵌套表格

一、

<div style="我是背景图片">

<table>..</table>

</div>

二、

<div style="position:relative">

<img src="我是插入图片" style="position:absolutez-index:1...">

<table style="position:absolutez-index:2...">..</table>

</div>

1.表格有什么？1）框架2）横线3）竖线4）方格所以，一个表格是由许多线和方格组成的。当然，可以加上标题等。用HTML创建表格没有任何不同。1）table:表格标记，表格中所有的属性等都必须在

当中2）tr:行标记，表格中水平间隔3）td:列标记，表格中垂直间隔

2.OK，来做一个简单的表格。

语文	数学
英语	嘿嘿

3.效果图如下好吧，没有框框

4.怎么加上框框呢？给table加上属性

再来试试

5.给表格设置标题：只要在

的下面加上即可。XXXXS

6.效果图如下

7.有时候，表格是有表头的，给表头加黑是一种方式，还有一种方式则是设置表头。设置表头的方法是：XXX代码如下

无标题文档 课程表 上午 下午 语文 数学 英语 嘿嘿

8.效果图如下

9.关于表格的内容还有很多，我这里只是起到一个抱砖引玉的作用，还有更多的知识，不要不断的努力去学习，才能掌握。

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。

2、将index.html中的<table>标签的第2行调整为：<tr><td colspan="3"><img src="small2.png" /></td></tr>。

3、浏览器运行index.html页面，此时图片成功占了表格的第4-6格。

---