html代码写抽奖网页_html餐厅网页代码，秀一波

• 首页
• 美味选择
• 配送说明
• 关于我们
• 联系我们

• 首页
• 美味选择
• 配送说明
• 关于我们
• 联系我们

• 打印电子优惠券
• 加入俱乐部
• 配送范围
• 餐厅信息

版权所有

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

}