html背景图片怎么设置高度和宽度?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html背景图片怎么设置高度和宽度?相关的知识,希望对你有一定的参考价值。

background-size:宽度 高度

如:给body背景写:
body
background-size:200px 300px;

html:超文本标记语言, 标准通用标记语言下的一个应用。

“ 超文本 ”就是指页面内可以包含图片、 链接,甚至音乐、 程序等非文字元素。

超文本标记语言的结构包括 “头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

参考技术A   background-size:宽度 高度;
  css3新增属性,只适用于现代浏览器。追问

不会,能详细写下吗?

追答

你要给哪个元素设置背景宽度和长度就写哪个元素。
比如给body背景写:
body
background-size:200px 300px;

参考技术B background-size: 11px 22px;

设置div宽度和高度

一个div(id=a)里面有一个div(id=b),这个div(id=b)里有一个图片(id=c)。
图片的大小是不确定的。
在什么都没有设置的情况下,div(id=b)的宽度和div(id=a)一样,高度和图片(id=c)一样。
我想让div(id=b)的宽度也和图片一样怎么设置、?
我的最终目的是通过设置div(id=b)的 style=‘margin:0 auto;’ 使div(id=b)居中。
可是因为div(id=b)与div(id=a)的宽度一样,使得不能通过该方法居中。
页面中还有其它元素,所以也不能通过 style='width:auto;float:left;' 这个方法, 即不能将其设置为浮动。
那么,要怎么设置才能使div(id=b)的大小与其中的图片大小一致呢、?

#a overflow:hidden;text-align:center;
#b overflow:hidden;
-----------------------------------------------------------------
<div id="a">
<div id="b"><img src="img/01.jpg" /></div>
</div>

不知道你具体要做成哪样的。你最好把效果图截出来,包括它周围的元素
参考技术A #bwidth:auto;
#b imgdisplay:block;margin:0 auto;本回答被提问者采纳
参考技术B width:auto;height:auto:
margin:0 auto;这个加在id=a上

以上是关于html背景图片怎么设置高度和宽度?的主要内容,如果未能解决你的问题,请参考以下文章

html 高度怎么根据宽度的变化而变化?

设置div宽度和高度

怎么js设置Img的宽度,和高度

CSS如何怎么设置div边框颜色宽度和高度

CSS如何怎么设置div边框颜色宽度和高度?

DIV+CSS宽度100% 怎么设置图片不变形,高度自适应