1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html表格中加背景图片 关于在HTML表格中插入背景图片图片重复显示的问题

html表格中加背景图片 关于在HTML表格中插入背景图片图片重复显示的问题

时间:2019-03-11 09:55:48

相关推荐

html表格中加背景图片 关于在HTML表格中插入背景图片图片重复显示的问题

先来一段有问题的代码(其实也不能说是有问题,毕竟语法上是没问题的,只是出来的效果不是我们想要的——我们假设预期的效果是背景图片只填充一次而不是多次。)

设定表格的背景图像

页面效果是:

我们稍微修改一下

标签的属性就可以让图片只出现一次——

通过style属性来设置背景图片,而不是直接设置background属性,

代码如下:

设定表格的背景图像

页面效果是:

其中,关键点在于后面的值的设置。除了"no-repeat"这个使图片不重

复的值,还有以下几个值可选:

repeat: 平铺整个页面,左右与上下

repeat-x: 在x轴上平铺,左右

repeat-y: 在y轴上平铺,上下

no-repeat: 图片不重复

inherit: 继承

具体效果请大家自测!

另外,我们大家平时可能经常需要在表格的单元格内添加图片。除了和上面一样添加图片作为背景外,我们更常用的可能是把图片作为一个元素添加,代码如下:

设定表格的背景图像

页面效果是:

PS:别问我为什么这人的头那么胖,我只想说:以这种方式添加的

图片,宽(width)高(height)值可以任意设置(当然也可以不设置,那

样就是默认大小)。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。