자기 소개 페이지

header 구성

그림을 넣고 그위에 글씨로 구성

html

<div class="page">
            <header class=pagename>
            <div id="pagetitle">
                <h2>Dreaming of a developer</h2>
            </div>
            </header>
        </div>

CSS

header {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;

}


.pagename {
    background-image: url('/-beaver/img/밤하늘.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0;
}


.pagename h2{
    color: black;
    font-family: 'Explora';
    letter-spacing: 5px;
    font-weight: 500;
}

#pagetitle {
    text-align: center;
    font-size: 60px;
}