1-5 강의 로그인 페이지에 CSS 작업 문의 건

커뮤니티

포인트

로딩중

쿠폰

내 강의실

국비 신청 내역

증명서

계정

로그아웃

학습 질문

개발 일지

나의 활동

답변 완료

1-5 강의 로그인 페이지에 CSS 작업 문의 건

undefined주차

허*욱

・

추천

・

조회수

답변 완료

안녕하세요,

1-5강의 CSS 꾸미기 강의 듣고, 그대로 따라 하다가, 강사님말씀 하신 내용에

조금더 확장 해보고자, 버튼 꾸미기와 아울러, 이미지에 padding 명령을 같이 넣어 봤는데, 코딩 결과가 의도 한데로 나오지 않는데, 혹시 하기의 내용 보시고

저의 오류 밝혀 주실수 있으실까요?

제가 임의로 추가 한부분은 스타일-마이타이틀-내에 padding-top 입니다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>로그인 페이지</title>
<style>
    .mytitle {
        background-color: green;

        width:300px;
        height: 200px;
        color:white;

        text-align: center;

        background-image: url("https://www.ancient-origins.net/sites/default/files/field/image/Agesilaus-II-cover.jpg");
        background-size: cover;
        background-position: center;

        border-radius:10px

        padding-top: 40px;
    }
    .mybtn {
        margin: 10px 40px 10px 40px;
        padding: 5px 10px 5px 10px;
    }
</style>
</head>
<body>
    <div class="mytitle">
      <h1 >로그인 페이지</h1>
        <h5>아이디, 비밀번호를 입력해주세요</h5>
    </div>

    <p>
        ID : <input type="text"/>
    </p>
    <p>
        PW : <input type="text"/>
    </p>
    <p>
        <button class="mybtn">로그인하기</button>
    </p>
</body>
</html>

댓글 알림