关闭

【JSP】背景图片自适应

标签: jsp图片
2340人阅读 评论(0) 收藏 举报
分类:

JSP style 中设置

  .mysec{   

                width:70px;  
                height:70px;   
                background-image:url(../images/logo.png); /*图片地址*/                             
                background-origin:content;   /*从content区域开始显示背景*/  
                background-position:50% 50%; /*             图片上下左右居中  */
                background-size:contain;       /*           保持图像本身的宽高比例,将图片缩放到宽度或高度正好适应定义背景的区域  */
                background-repeat:no-repeat;     /*         图像不重复显示  */

            }  

使用<div class ="mysec"> 

这样图片能缩放到div中,不会只显示一部分

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:17501次
    • 积分:288
    • 等级:
    • 排名:千里之外
    • 原创:9篇
    • 转载:7篇
    • 译文:0篇
    • 评论:0条
    文章分类