結果を表示する
元にもどす
◀︎
E
▶︎
<html lang="ja"> <meta charset="utf-8"> <style> .見本の用紙{position:relative; margin:0 100px 0 0; width:360px; height:330px; perspective:800px; overflow:hidden; background: linear-gradient(90deg,rgb(250,250,250),rgb(230,230,255)); border-radius:4px; display:flex; justify-content:center; align-items:top;} .表{position:absolute; top:20px; left:20px; width:300px; height:178px; text-align:center; border-radius:8px; box-shadow:0 0 20px rgba(0,0,0,0.5);} .おもて面_01{position:absolute; top:10px; left:24px;} .おもて面_02{position:absolute; top:64px; left:24px;} .おもて面_03{position:absolute; top:118px; left:24px;} .おもて面_01 img,.おもて面_02 img,.おもて面_03 img{width:250px;} </style> <div class="見本の用紙"> <div class="表"> <div class="おもて面_01"><img src="A_side_01.png"></div> <div class="おもて面_02"><img src="A_side_02.png"></div> <div class="おもて面_03"><img src="A_side_03.png"></div> </div> </html>