<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<title></title>
<link rel=”stylesheet” href=http://www.siweifengbao.com/”css/作品2.css” type=”text/css” />
</head>
<body>
<div >
<div >
<ul>
<li><a>首页</a></li>
<li><a>美味选择</a></li>
<li><a>配送说明</a></li>
<li><a>关于我们</a></li>
<li><a>联系我们</a></li>
</ul>
</div>
<div >
<div >
<ul>
<li><a>首页</a></li>
<li><a>美味选择</a></li>
<li><a>配送说明</a></li>
<li><a>关于我们</a></li>
<li><a>联系我们</a></li>
</ul>
</div>
<div >
<ul>
<li><a>打印电子优惠券</a></li>
<li><a>加入俱乐部</a></li>
<li><a>配送范围</a></li>
<li><a>餐厅信息</a></li>
</ul>
</div>
<div ></div>
</div>
<div >
版权所有
</div>
</div>
</body>
</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
}
【学生个人网页设计作品 网页制作成品代码大全】
![学生个人网页设计作品 网页制作成品代码大全](http://imgsh.easyfang.com/230608/0340352160-0.jpg)
文章插图
推荐阅读
- 小学必备成语及注释为孩子收藏,小学生优美成语积累及注释
- 小学生家长意见怎么写
- 微信主页背景图怎么设置 微信怎么设置个人主页背景图片
- 一个人坚强的伤感语录,形容一个人坚强独立生活的句子
- 钉钉学生怎么看自己看直播时长
- 迎接财神的句子 关于迎接财神的句子
- 你喜欢韩潮还是日系
- 秦霄贤和张大大的综艺是什么 秦霄贤和张大大个人简介
- 饿了么怎么查看个人历史订单
- 个人交社保和单位交社保的区别 3个区别