1 11
邪悪
内容
<div class="wicked011">
<div class="waku_content">
<div class="waku_content2">
内容
</div>
</div>
</div>
div.wicked011{
box-sizing:border-box;
position:relative;
padding:50px 35px 47px;
background-color:white;
background-image:url(w011_07.png),url(w011_08.png);
background-repeat:no-repeat,no-repeat;
background-position:30px 70px,bottom 50px right 35px;
background-clip:content-box;
}
div.wicked011::before{
content:"";
box-sizing:border-box;
position:absolute;
width:calc(100% - 30px); height:calc(100% - 50px);
left:15px;
top:25px;
background-clip:content-box;
background-image:url(w011_02.png),url(w011_05.png),
url(w011_03.png),url(w011_04.png);
background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;
background-position:top left,bottom left,top left,top right;
}
div.wicked011::after{
content:"";
width:100%;
height:100%;
position:absolute;
left:0px; top:0px;
background-image:url(w011_01.png),url(w011_01.png),url(w011_01.png),
url(w011_01.png),url(w011_06.png);
background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
background-position:top 20px left 8px,top 20px right 8px,bottom 15px left 8px,bottom 15px right 8px,top center;
}
div.wicked011 .waku_content2{
box-sizing:border-box;
min-height:230px;
padding:45px 45px 35px;
}
ダウンロードしました。
内容
<div class="wicked012">
<div class="waku_content">
<div class="waku_content2">
内容
</div>
</div>
</div>
div.wicked012{
box-sizing:border-box;
position:relative;
padding:60px 50px 55px;
background-color:white;
background-clip:content-box;
}
div.wicked012::before{
content:"";
box-sizing:border-box;
position:absolute;
width:calc(100% - 182px);
height:calc(100% - 58px);
left:91px;
top:32px;
background-image:url(w012_05.png),url(w012_08.png);
background-repeat:repeat-x,repeat-x;
background-position:top left,bottom left;
}
div.wicked012::after{
content:"";
box-sizing:border-box;
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
background-image:url(w012_01.png),url(w012_02.png),
url(w012_03.png),url(w012_04.png),url(w012_09.png);
background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
background-position:top 20px left 8px,top 20px right 8px,bottom 15px left 8px,bottom 15px right 8px,top center;
}
div.wicked012 .waku_content{
position:relative;
width:calc(100% + 56px);
left:-28px;
background-image:url(w012_06.png),url(w012_07.png);
background-repeat:repeat-y,repeat-y;
background-position:top left,top right;
}
div.wicked012 .waku_content2{
box-sizing:border-box;
min-height:230px;
padding:35px 65px 35px;
}
ダウンロードしました。
1 11