九号平衡车

<!-- div 用来网页布局, 一个页面可能用无数次, 原则: 如果使用div ,尽量使用类名控制样式 -->
<div class="goods">
    <img src="/css/car.jpg" alt="">
    <div class="title">九号平衡车</div>
    <div class="info">成年人的玩具</div>
    <div class="money">1999元</div>
</div>

body {
    background-color: #f5f5f5;
}

.goods {
    width: 234px;
    height: 300px;
    background-color: #fff;
    /* 标签div居中 */
    margin: 0 auto;
    /* 内容居中 */
    text-align: center;
}

img {
    width: 160px;
}

/* 产品标题 */
.title {
    font-size: 14px;
    line-height: 25px;
}

.info {
    color: #ccc;
    font-size: 12px;
    line-height: 30px;
}

.money {
    font-size: 14px;
    color: #ffa500;
}