JSP, CSS网页调整背景图片大小自适应

body{
     background-image:url(image/picture.jpg);

       /*从content区域开始显示背景*/                     
     background-origin:content;

       /*图片上下左右居中*/
     background-position:50% 50%;

/*保持图像本身的宽高比例,缩放图片至宽度或高度正好适应定义背景的区域*/
     background-size:contain;

/*覆盖填充,将图片缩放到宽度或高度正好适应定义背景的区域*/
    background-size:cover;

    /*图像不重复显示*/
     background-repeat:no-repeat; 
       
} 

你可能感兴趣的:(html,css)