tao.png

    1. <!DOCTYPE html>
    2. <html lang="en">
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
    8.     <title>Document</title>
    9.     <style>
    10.         .box {
    11.             position: relative;
    12.             width: 74px;
    13.             height: 88px;
    14.             border: 1px solid #ccc;
    15.             margin: 100px auto;
    16.             font-size: 12px;
    17.             text-align: center;
    18.             color: #f40;
    19.             /* display: block; */
    20.         }
    22.         .box img {
    23.             width: 60px;
    24.             margin-top: 5px;
    25.         }
    27.         .close-btn {
    28.             position: absolute;
    29.             top: -1px;
    30.             left: -16px;
    31.             width: 14px;
    32.             height: 14px;
    33.             border: 1px solid #ccc;
    34.             line-height: 14px;
    35.             font-family: Arial, Helvetica, sans-serif;
    36.             cursor: pointer;
    37.         }
    38.     </style>
    39. </head>
    41. <body>
    42.     <div class="box">
    43.         淘宝二维码
    44.         <img src="images/tao.png" alt="">
    45.         <i class="close-btn">×</i>
    46.     </div>
    48. </body>
    50. </html>