-Bg01-
-HTML-
<body> <div id="wrap"> <h1>背景を配置しましょう！</h1> </div> </body>
-CSS-
* { margin: 0; padding: 0; } #wrap { width: 100%; height: 100vh; background: aliceblue url(images/IMGDATA02/alice01.png) no-repeat right 20% bottom 10% / 300px; /* 背景の記述についての別解 background-color: aliceblue; background-image: url(images/IMGDATA02/alice01.png); background-repeat: no-repeat; background-position: right 20% bottom 10%; background-size: 300px; */ } h1 { margin: 0 0 0 10%; }