在你原来基础上加的代码：
<style>box_0{ width:500px;}
#box
{
width:220px;
height:250px;
position: relative;
}
#xuanzhuan
{
width:200px;
height:200px;
border:1px #CF0 solid;
float:left;display:inline;
margin-top:26px;
margin-left:20px;
background-image:url(54a7175a4c9fd646ba998f47jpg);
transform:rotate(7deg);
-ms-transform:rotate(7deg); / IE 9 /
-moz-transform:rotate(7deg); / Firefox /
-webkit-transform:rotate(7deg); / Safari 和 Chrome /
-o-transform:rotate(7deg); / Opera /
}
#diejia
{
width:192px;
height:144px;
border:1px #CF0 solid;
display:inline;
position:absolute;top:10px;left:190px;
background-image: url(3ca3923ff075d8d20be64e7a30c3fe43ccc071bb1b2ee-0PxDs1_fw192png);
transform:rotate(10deg);
-ms-transform:rotate(10deg); / IE 9 /
-moz-transform:rotate(10deg); / Firefox /
-webkit-transform:rotate(10deg); / Safari 和 Chrome /
-o-transform:rotate(10deg); / Opera /
}
</style>
</head>
<body>
<div id="box">
<div id="xuanzhuan">
hello world
</div>
<div id="diejia">
hello girl
</div>
</div>
</body>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）