- 首页
- 美味选择
- 配送说明
- 关于我们
- 联系我们
- 首页
- 美味选择
- 配送说明
- 关于我们
- 联系我们
- 打印电子优惠券
- 加入俱乐部
- 配送范围
- 餐厅信息
版权所有
css
*{
padding:0它;
marginal:0它;
}
body{
background:url(../img/bg.jpg);
background-repeat
}
.container{
width:900px;
height:600px;
background-color:#121212;
margin:100px auto;
}
.top{
width:900px;
height:200px;
background-color:red;
position:relative;
background:url(../img/banner.jpg) no-repeat;
background-size:900px 200px;
}
.center{
width:900px;
height:340px;
background-color:lightpink;
}
.left{
width:200px;
height:340px;
background:url(../img/left_bg.jpg) no-repeat;
background-size:200px 340px;
float:left;
}
.foot{
padding:10px 100px;
width:700px;
height:60px;
background-color:#660000;
}
.centerl{
width:350px;
height:340px;
float:left;
}
.right{
width:350px;
height:340px;
background-color:lightpink;
float:left;
}
.top ul{
list-style:none;
position:absolute;
top:50px;
right:50px;
}
.top ul li{
float:left;
margin-left:30px;
font-size:14px;
font-style:"微软雅黑";
color:brown;
}
.top ul li a:hover{
text-decoration: underline;
color:white
}
.left ul li{
margin-left:30px;
margin-top: 45px;
font-size:14px;
font-style:"微软雅黑";
color:brown;
}
.left ul li a:hover{
text-decoration: underline;
color:white
}
.centerl ul li{
margin-left:60px;
margin-top:50px;
font-size:14px;
font-style:"微软雅黑";
color:brown;
}
.centerl ul li a:hover{
text-decoration: underline;
color:white
}
![338a40cf0c2658cedfe0a03220a14d4c.png](https://i-blog.csdnimg.cn/blog_migrate/abcae65c58b5f970cc7559102a343752.jpeg)