html과 css 기초

이전에 다 해봤던 것들이라 크게 어려움은 없었다.

오랜만에 해보니 조금 어색하긴 했음

<style>
    @import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');

    * {
        font-family: 'Nanum Pen Script', cursive;
    }

    .mytitle {
        height: 250px;
        color: white;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        background-image: url('https://images.unsplash.com/photo-1511992243105-2992b3fd0410?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80');
        background-position: center;
        background-size: cover;
    }

    .mytitle>button {
        width: 150px;
        height: 50px;
        background-color: transparent;
        color: white;
        border: 1px solid white;
        border-radius: 5px;

        margin-top: 20px;
    }

    .mycards {
        width: 1200px;
        margin: 30px auto 0px auto;

    }

    .mypostingbox{
        width: 500px;
        margin: 30px auto 0px auto;
        padding: 20px;
        box-shadow: 0px 0px 3px 0px purple;
        border-radius: 5px;
    }

    .mybtn {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    
    .mybtn > button {
        margin-right: 10px;
    }
</style>

제목

내용

날짜

제목

내용

날짜

제목

내용

날짜

제목

내용

날짜