开发者社区> 问答> 正文

css 怎么做个盒子100*100的box,里面装个1000*1000的图片?

.box
{
    width:100px;
    height:100px;
    box-sizing: border-box;
    padding:5px;
}

我想在里面 弄个 pic.jpg
这个图片 1000 * 1000 的,怎么让她自动正好填充满上面的 box ?
有这个功能吗?

还是得我手动,或者用php 把这个图片调成 90*90 然后放上?

展开
收起
爵霸 2016-06-17 11:04:09 2132 0
1 条回答
写回答
取消 提交回答
  • 1.给图片定高定宽:
    img{width:100px;height:100px;}

    2.给图片设置百分比:
    img{width:100%;height:100%}

    3.可以将其设为背景图,代码如下:

    .box{
        width: 100px;
        height: 100px;
        background: url(http://imgsrc.baidu.com/forum/pic/item/7c1ed21b0ef41bd55bb1024f51da81cb38db3daf.jpg) no-repeat center center/cover;} 

    screenshot

    2019-07-17 19:42:12
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载