<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Cafe Menu</title> <link href="styles.css" rel="stylesheet"/> </head> <body> <div class="menu"> <main> <h1>CAMPER CAFE</h1> <p>Est. 2020</p> <section> <h2>Coffee</h2> <article class="item"> <p class="flavor">French Vanilla</p><p class="price">3.00</p> </article> <article class="item"> <p class="flavor">Caramel Macchiato</p><p class='price'>3.75</p> </article> <article class="item"> <p class='flavor'>Pumpkin Spice</p><p class='price'>3.50</p> </article> <article class="item"> <p class='flavor'>Hazelnut</p><p class='price'>4.00</p> </article> <article class="item"> <p class='flavor'>Mocha</p><p class='price'>4.50</p> </article> </section> </main> </div> </body> </html>
标签：Coffee,菜单,Menu,Spice3.50,制作,CSS From： https://www.cnblogs.com/joyspace/p/16962309.html