SOURCE

<a href="https://www.mi.com/mi10youth">
    <div class="goods">
        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8729282b199b3ec51e31c1b6b15f3f93.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="手机">
        <h4 class="title">小米10 青春版 5G</h4>
        <p class="desc">50倍潜望式变焦 / 轻薄5G手机</p>
        <p class="price">
            <span class="cur">2099元起</span>
        </p>
    </div>
</a>

body {
    background: #b7cdeb;
}
a {
    text-decoration: none;
    color: #666;
}
.goods {
    /* box-sizing: border-box; */
    width: 234px;
    height: 260px;
    padding: 20px 0;
    display: block;
    margin: 0 auto;
    background-color: #fff;
    text-align: center;
}
.goods img {
    width: 160px;
    height: 160px;
    margin-bottom: 18px;
}
.goods .title {
    display: block;
    font-weight: 400;
    margin: 0 auto;
}
.goods .desc {
    color: #b7cdeb;
    font-size: 12px;
    margin: 0 auto;
}
.goods .price .cur {
    color: #ff7c23;
}