关于在HTML表格中插入背景图片图片重复显示的问题_html/css_WEB-ITnose
程序员文章站
2022-03-20 07:53:47
...
先来一段有问题的代码(其实也不能说是有问题,毕竟语法上是没问题的,只是出来的效果不是我们想要的??我们假设预期的效果是背景图片只填充一次而不是多次。)
标签的属性就可以让图片只出现一次??通过style属性来设置背景图片,而不是直接设置background属性,代码如下:
repeat: 平铺整个页面,左右与上下 repeat-x: 在x轴上平铺,左右 repeat-y: 在y轴上平铺,上下 no-repeat: 图片不重复 inherit: 继承
设定表格的背景图像
姓名 张三
性别 男
年龄 20
页面效果是:
我们稍微修改一下
设定表格的背景图像
姓名 张三
性别 男
年龄 20
页面效果是: 其中,关键点在于后面的值的设置。除了"no-repeat"这个使图片不重复的值,还有一下几个值可选:
具体效果请大家自测!
另外,我们大家平时可能经常需要在表格的单元格内添加图片。除了和上面一样添加图片作为背景外,我们更常用的可能是把图片作为一个元素添加,代码如下:
设定表格的背景图像
姓名 张三
性别 男
年龄 20
头像
页面效果是: PS:别问我为什么这人的头那么胖,我只想说:以这种方式添加的图片,宽(width)高(height)值可以任意设置(当然也可以不设置,那样就是默认大小)。
上一篇: php中 预处理与事务同时使用
下一篇: Oracle数据库中rownum分页
推荐阅读
-
html关于上一个360浏览器无法显示背景图片的问题_html/css_WEB-ITnose
-
求教!关于div中的背景图片插入问题!_html/css_WEB-ITnose
-
【HTML中怎样在图片的右边显示文字,不用表格】_html/css_WEB-ITnose
-
【HTML中怎样在图片的右边显示文字,不用表格】_html/css_WEB-ITnose
-
求教!关于div中的背景图片插入问题!_html/css_WEB-ITnose
-
myeclipse写jsp页面,插入背景图片后在myeclipse中能够显示,但在浏览器中打开却不显示_html/css_WEB-ITnose
-
关于在HTML表格中插入背景图片图片重复显示的问题_html/css_WEB-ITnose
-
myeclipse写jsp页面,插入背景图片后在myeclipse中能够显示,但在浏览器中打开却不显示_html/css_WEB-ITnose