안녕하세요... 글 배경에 이미지 파일을 넣어서 액자같은 디자인을 적용하고 싶은데(설명 이미지를 첨부했습니다!!) 어떤 파일을 어떻게 수정해야 하나요? css에 관련된 것일까요?
그리고 상단 파일 경로와 하단 파일 경로는 질문한 것과 관련이 있나요?
어떻게 검색해야 이 내용이 나오는지 찾지를 못해서 부득이하게 질문 남깁니다ㅜ.ㅜ
읽어 주셔서 감사합니다. 좋은 하루 되세요!

답변 4개

질문하신 의도가 그림을 배경으로 하고 그 위에 텍스트로 글을 쓰는것으로 이해했는데 잘했는지 모르겠네요.
그렇다면 <div> image를 넣고 배경화며으로 저장하고 css에서 z-index값을 - 값으로 주면 그림위에 텍스트를 쓰는 효과를줍니다.
예:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
img {
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
}
</style>
</head>
<body>
<h1 style="color: white;">This is a heading</h1>
<img src="images/dfddfssdfs.png" width="500" height="300">
<p style="color: white;">z-index값이 -(minus)이기때문에 그림이 텍스트아래에 위치합니다.</p>
</body>
</html>
답변을 작성하려면 로그인이 필요합니다.