在div+css布局中,怎样把一个图片放进另外一个图片里?

html-css020

在div+css布局中,怎样把一个图片放进另外一个图片里?,第1张

把两张图片放在一个div区块里

然后对div区块做一个position: relative

然后对第一张图片设置为position:absolute并设置要放在哪个位置:left:n pxtop:n px

最后对第二张图片设置为position:absolute并设置要放在哪个位置:left:n pxtop:n px

background-image:url('')设置图片路径

background-position:

-100px

-122px

设置图片中某一部分图的位置

第一个值是上

第二个值是左

然后通过这个图片外层标签来显示图片显示的范围

宽度和高度

全部简写

body {background:url(本地文件路径名/图片名称) no-repeat}

no-repeat不重复

no-repeat left top不重复于盒子左上方

no-repeat right top不重复于盒子右上方

no-repeat right bottom不重复于盒子右下方

repeat-x横向平铺

repeat-x bottom横向平铺盒子底部

repeat-y纵向平铺