慕粉3343138
2016-08-31 16:49
为什么图片只是在content边框内,怎么让图片在content里面居中显示呢?
background:#ccc url(http://static.mukewang.com/static/img/logo_index.png) no-repeat center;
background:#ccc url(http://static.mukewang.com/static/img/logo_index.png) no-repeat center center;
那个图片是一个背景图片~这个实例只是介绍基本用法 意思是你可以让背景做整个div包含div的边框(border)的背景 也可以做div不包含边框的背景 也可以只做div的padding里面内容的背景
如果背景图比较小 你想让背景居中显示 我只知道两种方法
一种是在背景图引用的后面加 top 或者left 分别是宽度居中和高度居中 但是不能显示在正中心 而且两个一起用没有任何居中效果 只会显示在左上角
另一个方法是把背景图片做图片放在HTML里面 或者另外写一个div 设置相对定位设置z-index让它在底层显示
你是说img标签引入的图片吗?
不是这个意思,我说的是让那个图片 在content里面的正中间
设置background-origin属性为content-box,代码如下:
.wrap{
background: url('.....');
background-origin:content-box;
}
十天精通CSS3
242554 学习 · 2623 问题
相似问题