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

html-css010

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

可以使用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那当我没说)

css代码#D72727和#ffffff为颜色(其中,left代表颜色过渡方向,比如设置为bottom就会变成上下过渡,末尾的百分比为颜色的偏移量,也就是你说的50%,具体可以根据自己的需要调整):

obj{

    background: linear-gradient(to left,#D72727 0,#ffffff 50%)

    background: -webkit-linear-gradient(to left,#D72727 0,#ffffff 50%)

}

纯手打,望采纳。