배경화면 이미지 추가시 바둑판 형식으로 나옵니다.

커뮤니티

포인트

쿠폰

내 강의실

국비 신청 내역

증명서

계정

로그아웃

학습 질문

개발 일지

나의 활동

답변 완료

배경화면 이미지 추가시 바둑판 형식으로 나옵니다.

undefined주차

정*빈

・

추천

・

조회수

답변 완료

* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

안녕하세요. 배경화면 이미지 추가시 바둑판 형식으로 나옵니다. 혹시 이미지가 화면에 가득 차게 하려면 어떻게 설정해야 할까요?

작성한 코드 및 에러 메세지

<!DOCTYPE html>
<html lang="en">


<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <title>나만의 동기부여 홈화면 만들기</title>


    <style>
        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');


        * {
            font-family: 'Poppins', sans-serif;
        }


        body {
    background-image: url("https://images.unsplash.com/photo-1666065988253-3ad95ca4404f?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80");
    background-position: center;
        


            color: white;
        }


        .time {
            font-size: 80px;
            font-weight: bold;
        }


    </style>


    <script>
    </script>
</head>


<body>
   <div class="main">
        <div class="time">12:00</div>
        <div class="greeting">Hello, Subin!</div>
        <div class="todo">STUDY!</div>
   </div>
   <div class="quote">
    <div class="author">- 명언의 저자 -</div>
    <div class="content">" 명언의 내용 "</div>
   </div>
</body>


</html>

Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.

Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!

댓글 알림