视频：https://www.bilibili.com/video/BV1pE411q7FU?p=159&spm_id_from=pageDriver
    image.png

    1. <!DOCTYPE html>
    2. <html lang="en">
    4. <head>
    5.   <meta charset="UTF-8">
    6.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
    7.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
    8.   <title>Document</title>
    10.   <style>
    11.     body {
    12.       background-color: #f3f6f2;
    13.     }
    15.     * {
    16.       padding: 0;
    17.       margin: 0;
    18.     }
    20.     .box {
    21.       margin: 0 auto;
    22.       width: 416px;
    23.       height: 584px;
    24.       background-color: #fcfffc;
    25.     }
    27.     .review {
    28.       padding-left: 38px;
    29.       margin-top: 45px;
    30.     }
    32.     .appraise {
    33.       margin-left: 38px;
    34.       margin-top: 74px;
    35.       color: #c8c8c6;
    36.     }
    38.     .info {
    39.       margin-left: 38px;
    40.       margin-top: 24px;
    41.     }
    43.     .info span {
    44.       color: #d49b67;
    45.     }
    46.   </style>
    47. </head>
    49. <body>
    50.   <div class="box">
    51.     <img src="demo.png" alt="">
    52.     <p class="review">快递牛，整体不错蓝牙可以说秒连。红米给力</p>
    53.     <div class="appraise">来自于117384232的评价</div>
    54.     <div class="info">Redmi AriDots真无线蓝牙... &nbsp;&nbsp;&nbsp;&nbsp;|
    55.       <span>99.9元</span>
    56.     </div>
    57.   </div>
    58. </body>
    60. </html>

    img图片：
    demo.png

    效果图
    image.png