CSS设置背景图宽度100%,高度自适应

html-css014

CSS设置背景图宽度100%,高度自适应,第1张

padding-top= (高度/宽度)*100%即图片的高度与宽度的比例,因此就能实现背景图宽度100%,高度自适应

为了达到更好的效果再配合cover和center

你在进行网页排版时,就好像是在站队一样,要有个东西能够约束这个图片在固定的位置中显示,你要显示多大都可以的。

可以用DIV来做一个100%的背景图片,还可以用table来做,最好用css来做,我也在学习中,希望能够帮到你。

<div style="position:absoluteleft:0top:0width:100% "><img src="beijing.jpg" width=100%></div>