0 
<style type="text/css">
#star12 {
background: blue;
width: 80px;
height: 80px;
position: relative;
}
#star12:before, #star12:after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 80px;
width: 80px;
background: blue;
}
#star12:before {
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
}
#star12:after {
 -webkit-transform: rotate(60deg);
 -moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
}
</style>

<div id="star12" >
</div>

スタータイプのdivのこのコード。スターdivを出力します。このスターdiv内に画像を表示したい。出来ますか？友達を助けてください。さまざまな形式の div に画像を表示する必要があります。

4

2 に答える 2

0

<img />中身を入れるだけ<div id="star12">

<div id="star12" >
    <img src="http://www.fastcocreate.com/multisite_files/cocreate/imagecache/slideshow-large/slideshow/2013/01/1682345-slide-slide-1-biz-stone-explains-how-he-turned-91-random-photos-into-a-movie.jpg" />
</div>

そしてimgに適切なcssを適用し、

img{
    width: 60px;
    height: 60px;    
    position: absolute;
    z-index: 100;
    top: 10px;
    left: 10px;        
}

リンクのテスト

于 2013-06-25T10:03:25.837 に答える