为什么图片只是在content边框内,怎么让图片在content里面居中显示呢?

来源:5-1 CSS3背景 background-origin

慕粉3343138

2016-08-31 16:49

为什么图片只是在content边框内,怎么让图片在content里面居中显示呢?

写回答 关注

6回答

  • 慕粉3881142
    2016-09-27 11:35:31
    已采纳

    background:#ccc url(http://static.mukewang.com/static/img/logo_index.png) no-repeat center; 

    慕粉3343...

    非常感谢!

    2016-10-21 11:13:37

    共 1 条回复 >

  • 星空下的小孩
    2016-09-29 11:06:07

    background:#ccc url(http://static.mukewang.com/static/img/logo_index.png) no-repeat center center; 

  • zero沐白
    2016-09-07 14:19:24

    那个图片是一个背景图片~这个实例只是介绍基本用法  意思是你可以让背景做整个div包含div的边框(border)的背景  也可以做div不包含边框的背景  也可以只做div的padding里面内容的背景  

    如果背景图比较小 你想让背景居中显示  我只知道两种方法  

    一种是在背景图引用的后面加 top  或者left  分别是宽度居中和高度居中  但是不能显示在正中心   而且两个一起用没有任何居中效果 只会显示在左上角

    另一个方法是把背景图片做图片放在HTML里面 或者另外写一个div  设置相对定位设置z-index让它在底层显示

  • 慕粉3818081
    2016-08-31 17:45:34

    你是说img标签引入的图片吗?

  • 慕粉3343138
    2016-08-31 17:18:28

     不是这个意思,我说的是让那个图片 在content里面的正中间

  • 慕粉3818081
    2016-08-31 17:04:04

    设置background-origin属性为content-box,代码如下:

    .wrap{

        background: url('.....');

        background-origin:content-box;

    }

十天精通CSS3

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

242554 学习 · 2623 问题

查看课程

相似问题