css背景高度怎样调，css设置背景图片宽高

CSS样式表控制背景图片大小

1、两种方法：用css样式表控制图像大小 ！-- table { background-image： url(b6jpg)；height： 100px； width： 100px；} -- 用图像处理软件（如：Photoshop）“裁切”成需要的大小。

2、通过设置background-size 的属性设置图片大小。

3、可以通过cover和contain来对图片进行伸缩。

4、css2中是无法控制背景图片大小的，如果想实现这种效果，只能是更改图片了。css3中可以通过background-size来控制图片的大小。

5、html中的标签中，输入css代码：body {text-align： center；background： url(smallpng)； background-size： 60%；} 浏览器运行index.html页面，此时成功通过css控制了div居中显示，背景图片的大小为60%。

6、解释语法结构：对象选择器命名加一个空格然后输入img接着“{...}”构成控制指定对象内图片样式。

相关问答

Q1: 如何调整css背景图片的位置

1、不知道你说的是哪个背景，如果是放在Body中的话，那就是用你上面说的属性。不过你的值是写错了，1两个值间是少了空格，2不应该用负值，应该是0 25px或Center 25px，具体的请你务必查看Css手册理解好背景的所有属性的用法。

2、如果你背景色设置为图像的话，倒是可以，先用background-image加载图片，然后用background-repeat设置背景重复方式，最后用background-position来定位你的背景图像位置，这样就能达到你要求的效果了。

3、使用CSS的background-size属性来调整背景图的大小，以适应元素的高度。可以使用值为cover或contain来保持背景图的宽高比例，同时填充或适应元素的大小。

4、首先打开前端开发工具，新建一个html代码页面。在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = bg-img。设置背景图片。

5、可以通过background-size属性来设定背景图片的大小。它可以是像素（px）或者是百分比(%)，举例说明：background-size：950px* 200px这表示把背景图片大小调整为宽度950像素，高度200像素。

Q2: div+css如何改变背景图片大小

首先，需要新建一个html页面，并在页面中写上一个div。并为div添加背景图片，为背景图片添加一些基本的样式。然后，按下键盘上的F12，查看其在浏览器中的效果。

div{background-size：50px 50px；height：50px；width：50px；} 但这种写法低版本的浏览器（如IE6等）是不支持的，只能处理图片到需要的尺寸了。

是一整张大图，尺寸和区域大小刚好吻合 一个很小的条状图，通过repeat后，形成一个很规则的大图背景。css3出现以后，可以用background-size 属性来实现背景图拉伸填充。

接着给标签设置背景图片，这里小编设置的是body标签。接着新建一个css文件，如图，小编命名为“css”。这里给body标签设置background-size属性，如果你的标签是div就写div，然后可以设置宽度和高度。

通过设置background-size 的属性设置图片大小。

Q3: css中的背景图怎么改变大小

可以通过background-size属性来设定背景图片的大小。它可以是像素（px）或者是百分比(%)，举例说明：background-size：950px* 200px这表示把背景图片大小调整为宽度950像素，高度200像素。

在dreamweaver里面编辑图片把le.jpg这张图片的宽度的单位设置成%，值为100。首先选中图片，然后再在下面的属性面板里有个“宽度”选项处修改。

CSS1 之前是不能设置背景图大小的，CSS3就可以通过background-size来设定图片大小，可以是像素或者是百分比。例如background-size：100px 200px；表示把背景图片大小调整为100x200px。

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：body{background： url(image.jpg) no-repeat；background-size： 200px 200px； }。

关于css背景高度怎样调和css设置背景图片宽高的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。