手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

jquery如何把图片设置为表格背景

时间:2024-10-14 02:48:02

1、首先将背景图片复制到项目中,如图,我的背景图片和HTML文件在同一个目录中

jquery如何把图片设置为表格背景

2、编写HTML页面,在body中添加一个表格,代码如下

jquery如何把图片设置为表格背景

3、页面显示结果如下

jquery如何把图片设置为表格背景

4、下面使用jQuery为表格添加背景图片,首先引入jQuery

jquery如何把图片设置为表格背景

5、编写js代码为表格添加背景图片,如下在javascript中添加$("挢旗扦渌;table").css(&qu泠贾高框ot;background-image","url(2.jpg)");即可

jquery如何把图片设置为表格背景

6、页面显示结果如图所示

jquery如何把图片设置为表格背景

7、当然,如果我们想给table加背景图片也可以选择直接在table标签中添加background属性,如图,在table标签中添加了background="2.jpg",效果和上面的效果是一样的

jquery如何把图片设置为表格背景
© 手抄报圈