<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <style> *{ margin: 0; padding: 0; } .main{ font-size: 0; } .t1{ color:#000; font-size: 18px; } .t2{ color:#64c333; font-size: 14px; } .main div{ display: inline-block; height: 200px; width: 216px; padding-left: 20px; padding-top: 20px; border: 5px solid #ccc; border-left:2px solid #ccc; border-right:2px solid #ccc; } img{ width: 154px; margin-left: 60px; } </style> <body> <div class="main"> <div> <p class="t1">抱抱果新首发</p> <p class="t2">抱一下就幸福</p> <img src="./images/1.jpg" > </div> <div> <p class="t1">天猫冰箱节</p> <p class="t2">智由随风</p> <img src="./images/2.jpg" > </div> <div> <p class="t1">西门子全球精选</p> <p class="t2">旗舰精品享你所想</p> <img src="./images/3.jpg"> </div> <div> <p class="t1">进口葡萄酒专场</p> <p class="t2">原瓶进口品质保证</p> <img src="./images/4.jpg" > </div> <div> <p class="t1">手机专场</p> <p class="t2">原装正品</p> <img src="./images/5.jpg" > </div> </div> </body> </html>