html中如何加入背景图片

html中如何加入背景图片,第1张

在html中某个div里加入背景图片的话,主要有以下几种方式:第一种: 在css文件里加入背景图片:在css里用url(../images/背景图2.jpg),在内联css和引入css中会由于html文件和css文件所处的相对位置不同,引入图片路径会有所不同。 如图:第二种:在html中引入:<div class="detail" style="background-image: url(../images/背景图1.jpg)"></div>,同理url()括号里是图片的引入路径。 如图:第三种:在div中加一张图片 <div class="detail" >                   <img src="../images/背景图1.jpg" alt="" style="width:100%height:100%"> </div> 如图:当图片小于背景区域大小时,图片会不断重复显示,如果不想图片重复显示,可以设置background-repeat,background-repeat有4个值,分别是repeat(代表重复显示)、no(代表不重复)、repeat-x(代表水平方向上重复)、repeat-y(代表垂直方向上重复) 当图片小于背景区域大小时,默认从左上角开始铺,如果想从任意位置开始铺,可以使用background-position属性,设置在x、y方向的偏移量。当图片大于背景区域时,只显示图片左上角。 当图片和背景区域大小一样大时,显示整张图片。

分类: 电脑/网络 >>程序设计 >>其他编程语言

问题描述:

用<body background="*.jpg" bgpropertities="fixed">可是为什么图片还是显示多个,不用CSS样式表,怎么才能设置成只显示一张图片。(在BODY标签中设置背景图片相关属性都是哪些?)

解析:

<body background="*.jpg" class="page_speeder_1290856624">

前面说的对,是不可以直接设置的,

另外,

bgpropertities="fixed"只是背景图片不随着滚动条而动,和图片不重复平铺没有直接关系。

随便你用多大的图片,当你的内容更多的时候,还是会看到重复。

不过,

有一个变通的办法,就是设一个0边框的表格,大小同背景图片,将图片设为表格的背景图片,你的所有文字图象内容全放到这个大表格里,希望对你有帮助。

QQ:***********


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/8372932.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存