<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>49-团购界面</title>
<style>
*{
margin: 0;
padding: 0;
}
.content{
border: 2px solid #cccccc;
margin: 0 auto;
margin-top: 100px;
width: 300px;
height: 250px;
position: relative;
}
.content .zt{
width: 300px;
}
.content .hot{
width: 65px;
position: absolute;
left: 0;
top: 0;
}
.content .jg{
width: 85px;
position: absolute;
right: -2px;
bottom: 53px;
}
.content .footer{
font-size: 12px;
color: #999;
line-height: 25px;
}
.content .footer .bt{
font-size: 16px;
color: black;
}
span{
color: #af820c;
font-size: 20px;
line-height: 30px;
}
</style>
</head>
<body>
<div class="content">
<img src="../images/tg.jpg" class="zt">
<img src="../images/rq.png" class="hot">
<img src="../images/hb.png" class="jg">
<div class="footer">
<p class="bt">元祖食品（万豪世纪天街店）</p>
<p>蛋糕3选1，约10英寸</p>
<p><span>￥275</span> 门市价<del>￥288</del>></p>
</div>
</div>
</body>
</html>
