<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CODING COFFEE MENU</title>
<style type="text/css">
body{background-color:#000000;}
h1{
height: 500px;
width: 500px;
margin: 50px auto;
padding:50px 30px;
border: 2px dashed #000080;
}
#ddd{
border: 1px solid #000080;
width: 800px;
height: 300px;
margin: 0 auto;
}
span{
width: 1080px;
height: 600px;
background-color: aquamarine;
color: brown;
font-size: 25px;
}
*{
margin:0;
}
</style>
<link rel="stylesheet" type="text/css" href="css/main.css"/>
</head>
<body>
<div>
<h1 id="head" style="color: palevioletred; ">CODING COFFEE MENU</h1>
<hr />
<h2>可塔朵 6.88$</h2>
<img src="img/c2.jpg" />
<p>柔顺且馥郁的<div id="ddd">咖啡上覆盖细腻柔滑的</div>牛奶、 <span>精致的拉花</span>,可以喝的艺术品。</p>
<hr />
<h2>拿铁$5.88</h2>
<img src="./img/c3.jpg" />
<p>浓缩咖啡融入数倍的牛奶,具有浓郁的牛奶香,风味醇香。</p>
<hr />
<h2>淳一白 6.88$</h2>
<img src="./img/c5.jpg" />
<p>柔顺且馥郁的咖啡上覆盖细腻柔滑的牛奶、 精致的拉花,可以喝的艺术品。</p>
<hr />
<h2>意式浓缩 6.88$</h2>
<img src="img/c7.jpg" />
<p>柔顺且馥郁的咖啡上覆盖细腻柔滑的牛奶、 精致的拉花,可以喝的艺术品。</p>
<hr />
<h2>卡布奇诺 6.88$</h2>
<img src="img/c8.jpg" />
<p>柔顺且馥郁的咖啡上覆盖细腻柔滑的牛奶、 精致的拉花,可以喝的艺术品。</p>
<hr />
<h2>卡布奇诺 6.88$</h2>
<img src="img/c8.jpg" />
<p>柔顺且馥郁的咖啡上覆盖细腻柔滑的牛奶、 精致的拉花,可以喝的艺术品。</p>
<hr />
<h2>卡布奇诺 6.88$</h2>
<img src="img/c8.jpg" />
<p>柔顺且馥郁的咖啡上覆盖细腻柔滑的牛奶、 精致的拉花,可以喝的艺术品。</p>
<hr />
<h2>卡布奇诺 6.88$</h2>
<img src="img/c8.jpg" />
<p>柔顺且馥郁的咖啡上覆盖细腻柔滑的牛奶、 精致的拉花,可以喝的艺术品。</p>
<hr />
<h2>卡布奇诺 6.88$</h2>
<img src="img/c8.jpg" />
<p>柔顺且馥郁的咖啡上覆盖细腻柔滑的牛奶、 精致的拉花,可以喝的艺术品。</p>
<hr />
<a href="#head">回到顶部</a>
</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>CODING COFFEE MENU</title>
<style type="text/css">
body{background-color:#000000;}
h1{
height: 500px;
width: 500px;
margin: 50px auto;
padding:50px 30px;
border: 2px dashed #000080;
}
#ddd{
border: 1px solid #000080;
width: 800px;
height: 300px;
margin: 0 auto;
}
span{
width: 1080px;
height: 600px;
background-color: aquamarine;
color: brown;
font-size: 25px;
}
*{
margin:0;
}
</style>
<link rel="stylesheet" type="text/css" href="css/main.css"/>
</head>
<body>
<div>
<h1 id="head" style="color: palevioletred; ">CODING COFFEE MENU</h1>
<hr />
<h2>可塔朵 6.88$</h2>
<img src="img/c2.jpg" />
<p>柔顺且馥郁的<div id="ddd">咖啡上覆盖细腻柔滑的</div>牛奶、 <span>精致的拉花</span>,可以喝的艺术品。</p>
<hr />
<h2>拿铁$5.88</h2>
<img src="./img/c3.jpg" />
<p>浓缩咖啡融入数倍的牛奶,具有浓郁的牛奶香,风味醇香。</p>
<hr />
<h2>淳一白 6.88$</h2>
<img src="./img/c5.jpg" />
<p>柔顺且馥郁的咖啡上覆盖细腻柔滑的牛奶、 精致的拉花,可以喝的艺术品。</p>
<hr />
<h2>意式浓缩 6.88$</h2>
<img src="img/c7.jpg" />
<p>柔顺且馥郁的咖啡上覆盖细腻柔滑的牛奶、 精致的拉花,可以喝的艺术品。</p>
<hr />
<h2>卡布奇诺 6.88$</h2>
<img src="img/c8.jpg" />
<p>柔顺且馥郁的咖啡上覆盖细腻柔滑的牛奶、 精致的拉花,可以喝的艺术品。</p>
<hr />
<h2>卡布奇诺 6.88$</h2>
<img src="img/c8.jpg" />
<p>柔顺且馥郁的咖啡上覆盖细腻柔滑的牛奶、 精致的拉花,可以喝的艺术品。</p>
<hr />
<h2>卡布奇诺 6.88$</h2>
<img src="img/c8.jpg" />
<p>柔顺且馥郁的咖啡上覆盖细腻柔滑的牛奶、 精致的拉花,可以喝的艺术品。</p>
<hr />
<h2>卡布奇诺 6.88$</h2>
<img src="img/c8.jpg" />
<p>柔顺且馥郁的咖啡上覆盖细腻柔滑的牛奶、 精致的拉花,可以喝的艺术品。</p>
<hr />
<h2>卡布奇诺 6.88$</h2>
<img src="img/c8.jpg" />
<p>柔顺且馥郁的咖啡上覆盖细腻柔滑的牛奶、 精致的拉花,可以喝的艺术品。</p>
<hr />
<a href="#head">回到顶部</a>
</div>
</body>
</html>