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

html-css09

css中的背景图怎么改变大小,第1张

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:body{background: url(image.jpg) no-repeatbackground-size: 200px 200px}。

3、浏览器运行index.html页面,此时背景图片成功被设定为200*200。

这个要看你背景图多大,你就给你放背景图的容器一样的宽高,这样背景就会显示出来,如果你的容器是自动高度的话,那么你就需要给这个容器最小高度这个属性,以便让背景能够显示出来。背景图片无法定义大小的。如果是一些平铺纵铺的背景,那你就可以使用repeat-x ,-y 这类的属性就可以实现。