<!DOCTYPE html> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> h3,p,figure{ margin: 0; padding: 0; } #pro{ width: 179px; height: 186px; border: solid 1px #ccc; margin: 0 auto; } #pro .tip{ width: 32px; background-color: #f35a5c; color:#fff; border-radius: 0 3px 3px 0; margin-left:3px; padding: 0px 3px 3px 3px; } #pro h3{ margin-left:44px; margin-top:-5px; } #pro .desc{ margin-left:44px; color:#666; } #pro figure{ text-align: center; border:solid 0px red; margin-top: 15px; } </style> </head> <body> <div id="pro"> <p class="tip">低价</p> <h3>母婴馆</h3> <p class="desc">秒杀低至1元</p> <figure> <img src="../imgs/img01-2-3.png" alt=""> </figure> </div> </body> </html>
 1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。 |
标签： #HTML #CSS #简单商品展示 #ampltDOCTYPE
