㈠ 如何在html中设置背景图片
1、设置背景图片只需在css样式中设置backgroud-image属性:
<style type="text/css" >
body{
background-image:url(你的图片地址);
background-position:center;
background-repeat:repeat-y;
}
</style>
2、其中, background-image:url(你的图片地址)表示背景图片的存放路径;
background-position:表示的是背景图片的位置,主要有top(上)、bottom(下)、left(左)、right(右)这四个取值;
background-repeat:表示的图片的平铺方式。默认情况是平铺,一般设置为no-repeat,表示的是不平铺。
㈡ 我在网页中插入了背景图片,怎样调整背景图片的大小
可以使用css的background-size属性来调整背景图片的大小,比如:
background-size: 240px 180px
背景图片的宽为240像素,高为180像素
background-size: 50% 30%
背景图片的宽设为容器宽度的50%,高设为容器高度的30%
background-size: cover
把背景图片扩展至足够大,以使背景图片完全覆盖容器区域(背景图片的某些部分也许无法显示在容器区域中)
background-size: contain
把背景图片扩展至最大尺寸,以使其宽度和高度完全适应容器区域(容器的部分边角位置可能会留空)
需要注意的是,background-size是css3的属性,浏览器必须支持css3才能看到预期的效果。好在现在的主流浏览器都是支持css3的(如果你坚持用IE6那当我没说)