课程
/前端开发
/HTML/CSS
/十天精通CSS3
为什么图片只是在content边框内,怎么让图片在content里面居中显示呢?
2016-08-31
源自:十天精通CSS3 5-1
正在回答
background:#ccc url(http://static.mukewang.com/static/img/logo_index.png) no-repeat center;
慕粉3343138 提问者
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入门教程,深刻详解CSS3知识让网页穿上绚丽装备
2 回答边框图片不能在IE里面运行吗?为什么我的边框图片只显示四个角落图片,三种模式都是一样的,没有变化,但是我在编辑器和W3C里有显示正常的,我想知道这是为什么???
2 回答为边框应用图片怎么做?
6 回答图片做边框
3 回答图片怎么没有显示???
4 回答为什么切割图片的宽度设置为20时 边框显示的切割图片的宽度是不一样的?