vito 话唠
  • 1500发帖数
  • 189主题数
  • 0关注数
  • 1粉丝
开启左侧

html餐厅网页代码,秀一波

[复制链接]
vito 发表于 2020-11-7 02:26:10 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题



















版权所有






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
}

                               
登录/注册后可看大图

精彩评论8

经典 发表于 2020-11-7 02:31:51 | 显示全部楼层
始终做不出满意的效果,心累
LH4206 发表于 2020-11-7 02:40:45 | 显示全部楼层
链接禁止中文命名,取有意义的英文名即可。另外建议你按我说的系统学,很简单的,一个星期能学完,万一再听不懂的话可以反复看2遍!网易云课堂搜索李南江,不是广告,确实讲得很好!
hyff 发表于 2020-11-7 02:47:28 | 显示全部楼层
代码乱七八糟,抓紧时间看正确解决方案,改正你的陋习,不然就废了!
qq3028236701 发表于 2020-11-7 02:55:51 | 显示全部楼层
大学生期末作品既视感
经典 发表于 2020-11-7 03:04:06 | 显示全部楼层
不知道一个html有什么好秀的
PF3686 发表于 2020-11-7 03:06:26 | 显示全部楼层
这代码,像极了我还没毕业时候的样子[捂脸]
qq3028236701 发表于 2020-11-7 03:15:24 | 显示全部楼层
转发了
A随行付POS机_赵 发表于 2020-11-7 03:24:31 | 显示全部楼层
中学生水平
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

猜你喜欢
在线客服邮箱
wxcy#wkgb.net

邮箱地址#换为@

Powered by 创意电子 ©2018-现在 专注资源实战分享源码下载站联盟商城