关于多重背景这个css3中很常用的属性,本来没什么可以详细拿出来讲的,但是,昨天,是我们一年一度的520,以及今天是一年一天的521,我这个和代码一起过的小仙女,有脾气了~~~~所以拼个图,来表达一下我此时此刻的心情,效果图如下:
代码如下:
1、css部分:注意一下多重背景的写法就行,只有一个background,图片的话大家可以自己去找好看的,然后就是中间嵌入的图片要找好坐标,大家可以自己量一下
<style>
.box {
width: 623px;
height: 417px;
background:
url("../img/bg1.png") left top no-repeat,
url("../img/bg2.png") right top no-repeat,
url("../img/bg3.png") right bottom no-repeat,
url("../img/bg4.png") left bottom no-repeat,
url("../img/fox2.jpg") 113px 84px / 363px 257px no-repeat;
;
border: 1px solid #000;
}
</style>
2、html部分:
<body>
<div class="box">
</div>
</body>
总结:愿大家每天都有一个好心情~~~~