personinfo.art

<div class="personinfo">

    <div class='personinfo-tx'>

        <img src="./images/portrait.png" alt="" class="personinfo-img">

    </div>

    <div class="personinfo-name">王豆豆</div>

    <div class="personinfo-tel">18911023266</div>

</div>

personinfo.css

.personinfo{

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    background-color: #fff;

    padding: 20px 0 20px 0;

    justify-content: center;

    background: url('./images/bg.png') no-repeat ;

    background-size: cover;

}

.personinfo-tx{

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}

.personinfo-name{

    font-size: 20px;

    color: #203152;

    margin-bottom: 2px;

}

.personinfo-tel{

    font-size: 14px;

    color: #7C8698;

}