css背景图太大，css背景图太大挤边形

CSS中背景图片的大小

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

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

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

网页的某些装饰可以通过背景图片来渲染，使得网页更加美观，CSS设置背景图片，不仅仅是大小，还有位置，放大方式，透明化之类。都是必备的CSS技能。

相关问答

Q1: CSS背景图片太大怎么办

先看下我们图片的样式，现在并没有设置背景图片的大小。刷新页面，看下现在的图片，并没有显示完整，因为图片太大了，没有显示完。

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

要是背景图片自动缩放是不行的（PS；background-size兼容性不好，不推荐使用），你需要用图片，然后定位来实现效果。把图片宽度设为100%；高度设为auto。

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

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

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

Q2: css问题:如何控制背景图片的大小

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

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

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

Q3: 我用html编写网页时,设置背景图片时,好像图片太大了,不能全部显示,如果...

你的图片不够大，又background属性不能拉伸图片，只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用img 还有body的background属性去掉，要不然会被遮住。

如果你的图片完全显示了，但还是没有充满浏览器，你可以考虑使用图片重复；如果图片没有完全显示，说明你放置背景图的div 或者table框较小。如果想充满整个浏览器可以将body的background设为你的图片。

按设定的尺寸缩放，可能导致图片变形。第二个问题的意思不是很清楚，应该没有压缩图片一说，图片的边框可以用css设定。

Attachment ： 背景图位置，fix为背景图位置固定不变，scroll为背景图随页面一同滚动 Horizontal ： 为固定背景图时图在水平方向所居的位置，可以选择居中，居左，居右或自己设定距左的距离。

可以使用html的background-image标签和background-size实现插入背景图片和控制图片大小。具体步骤如下：需要准备的材料分别是：电脑、浏览器、ultraedit。在ue编辑器中新建一个空白的html文件。

Q4: 我在网页中插入了背景图片,怎样调整背景图片的大小?

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

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

然后可以设置宽度和高度。如图所示，在new_file.html里面写上这个：就可以设置背景图片的大小了。最后在浏览器中预览一下，这里只是部分背景。

height：100%； src里面加你的背景图片地址，宽高大小修改 width、height 不要直接在body里面加，会产生一些错误，兼容性和显示的问题。

url(URL) none background-repeat 设置背景图像是否及如何重复。 repeat repeat-x repeat-y no-repeat background-attachment 背景图像是否固定或者随着页面的其余部分滚动。

Q5: css中如何调整插入背景图片的大小

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

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

3、CSS设置图片实例描述 我们在一个HTML中放图片，1张为原始大小图片，1张为通过CSS设置宽度和高度图片，通过2张图片对比分析通过CSS改变图片大小。

4、index.html。在index.html中的标签中，输入css代码：body{background： url(image.jpg) no-repeat；background-size： 200px 200px； }。浏览器运行index.html页面，此时背景图片成功被设定为200*200。

5、color-name color-rgb color-hex transparent background-image 设置背景图像。 url(URL) none background-repeat 设置背景图像是否及如何重复。

css背景图太大的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css背景图太大挤边形、css背景图太大的信息别忘了在本站进行查找喔。