首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：body {background： url(image.jpg) no-repeat； background-size： 300px}。
创新互联专注为客户提供全方位的互联网综合服务，包含不限于成都网站制作、成都网站建设、江阴网络推广、微信小程序定制开发、江阴网络营销、江阴企业策划、江阴品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联为所有大学生创业者提供江阴建站搭建服务，24小时服务热线：18980820575，官方网址：www.cdcxhl.com
css2中是无法控制背景图片大小的，如果想实现这种效果，只能是更改图片了。css3中可以通过background-size来控制图片的大小。
可以通过cover和contain来对图片进行伸缩。
在css中改变background-image的大小可以通过将背景图片放置的一个div样式中，然后设置div的样式属性来实现。
可以通过background-size属性来设定背景图片的大小。它可以是像素（px）或者是百分比(%)，举例说明：background-size：950px* 200px这表示把背景图片大小调整为宽度950像素，高度200像素。
而且背景图片不会随着滚动条滚动而滚动，实现背景图片的自适应。
当遇到这样的DIV CSS布局时候，其实非常简单，我们只需要对图片宽度进行控制，而图片高度不用设置即图片高度会自动适应缩放比例（不设置高度即高度值默认为auto自适应）。
二是将图片设定display：block，设定图片的长宽为rem或者em。
在IE6中有效。◎ overflow：hidden； 超出的部分隐藏，避免控制图片大小失败而引起的撑开变形。有时候图片太大，会破环网页整齐的布局。
若img是在链接下则一定要border：none。
CSS1 之前是不能设置背景图大小的，CSS3就可以通过background-size来设定图片大小，可以是像素或者是百分比。例如background-size：100px 200px；表示把背景图片大小调整为100x200px。
这样的操作，一般有两种办法：直接使用CSS属性值；使用JavaScript动态设置CSS值。
CSS1 之前是不能设置背景图大小的，CSS3就可以通过background-size来设定图片大小，可以是像素或者是百分比。例如background-size：100px 200px；表示把背景图片大小调整为100x200px。
输入css样式代码：body {background： url(imagejpg) no-repeat；background-size： 250px；}。最后，浏览器运行index.html页面，此时用CSS强制了图片占用250px宽度的大小并且是等比例自动缩放。
css2中是无法控制背景图片大小的，如果想实现这种效果，只能是更改图片了。css3中可以通过background-size来控制图片的大小。
首先需要新建一个HTML页面。然后输入页面的标题，可以按照下方图中的进行设置。