HTML+CSS: 자기소게 페이지 사진 넣기

6167 단어 CSShtmlCSS

html

            <div class=textbox>
                <p>I like</p>
            </div>
            <section id=container>
                <div>
                    <img class="picture" src="/-beaver/img/trip/KakaoTalk_Image_2021-09-27-02-08-19.jpeg">
                    <img class="picture" src="/-beaver/img/trip/KakaoTalk_Image_2021-09-27-02-09-22.jpeg">
                    <img class="picture" src="/-beaver/img/trip/KakaoTalk_Image_2021-09-27-02-09-25.jpeg">
                </div>

                <div>
                    <img class="picture" src="/-beaver/img/trip/KakaoTalk_Image_2021-09-27-02-09-27.jpeg">
                    <img class="picture" src="/-beaver/img/trip/KakaoTalk_Image_2021-09-27-02-09-29.jpeg">
                    <img class="picture" src="/-beaver/img/trip/KakaoTalk_Image_2021-09-27-02-09-32.jpeg">
                </div>
            </section>

CSS

#container {
    margin-top: 5%;
    text-align: center;
}

.picture {
    width: 300px;
    height: 300px;
    object-fit: cover;
}

.textbox > p {
    text-align: center;
    font-family: 'Caramel';
    font-size: 2cm;
}

좋은 웹페이지 즐겨찾기