부트스트랩 연습하기

손경아·2022년 7월 26일
0

웹개발

목록 보기
3/21
<title> 부트스트랩 연습하기</title>

<style>
    .mytitle{
        background-color: green;

        width: 100%;
        height:250px;

        background-position: center;
        background-size: cover;
        background-image: url("https://movie-phinf.pstatic.net/20210715_95/1626338192428gTnJl_JPEG/movie_image.jpg");

        color: white;

        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .mytitle>button{
        width:200px;
        height:50px;

        background-color: transparent; /*투명한색*/
        color: white;
        border-radius: 50px; /*버튼의 테두리라운드*/
        border:1px solid white; /*흰색줄*/

        margin-top: 10px;

    }
    .mytitle>button:hover /*버튼에 올리면*/{
        border:2px solid white;
    }
</style>

내 생애 최고의 영화들

영화 기록하기
[링크텍스트](http://localhost:63342/frontend/index.html?_ijt=enjvqh3d30iekv88dq1nfimiku&_ij_reload=RELOAD_ON_SAVE)
profile
행복은 내곁에

0개의 댓글