先来一段有问题的代码（其实也不能说是有问题，毕竟语法上是没问题的，只是出来的效果不是我们想要的??我们假设预期的效果是背景图片只填充一次而不是多次。）
<span class="pun">设定表格的背景图像</span>
姓名 张三 性别 男 年龄 20
登录后复制
页面效果是：
我们稍微修改一下
标签的属性就可以让图片只出现一次??通过style属性来设置背景图片，而不是直接设置background属性，代码如下：
立即学习“前端免费学习笔记（深入）”；
<span class="pun">设定表格的背景图像</span>
姓名 张三 性别 男 年龄 20
登录后复制 页面效果是：
其中，关键点在于后面的值的设置。除了”no-repeat”这个使图片不重复的值，还有一下几个值可选：
repeat: 平铺整个页面,左右与上下 repeat-x: 在x轴上平铺,左右 repeat-y: 在y轴上平铺,上下 no-repeat: 图片不重复 inherit: 继承
具体效果请大家自测！
另外，我们大家平时可能经常需要在表格的单元格内添加图片。除了和上面一样添加图片作为背景外，我们更常用的可能是把图片作为一个元素添加，代码如下：
<span class="pun">设定表格的背景图像</span>
姓名 张三 性别 男 年龄 20 头像 @@##@@
登录后复制 页面效果是：
PS：别问我为什么这人的头那么胖，我只想说：以这种方式添加的图片，宽(width)高(height)值可以任意设置（当然也可以不设置，那样就是默认大小）。
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
