* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
assets폴더를 따로 만들어 원하는 배경 이미지를 넣어 줬구요 (.jpg)
상대경로를 이용해서 ../assets/moon.jpg를 불러오고 싶은데 잘 안됩니다!
구글링으로 해결이 안되어 여쭈어 봐요!
<style>
* {
...
background-image: linear-gradient(
0deg,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0.5)
),
url("../assets/moon.jpg");
background-position: center 30%;
background-size: cover;
color: white;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
...
</style>
<script>
...
</script>
<body>
...
<div class="mypic">
<h1>십센치(10cm) 팬명록</h1>
<p>현재기온: <span id="temp">36</span>도</p>
</div>
...
</body>
