最新消息: USBMI致力于为网友们分享Windows、安卓、IOS等主流手机系统相关的资讯以及评测、同时提供相关教程、应用、软件下载等服务。

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

IT圈 admin 39浏览 0评论

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; } 

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; } 

发布评论

评论列表 (0)

  1. 暂无评论