abstract:小米商城首页 *{
margin: 0;
padding: 0;
}
html{
list-style: none;
text-decoration: none;
}
a{
color: #ccc;
cursor: pointer;
}
.clear{
clear:both;
}
.header{
width: 100%;
height: 40px;
background: black;
}
.header_menu{
width: 1226px;
height: 40px;
/* background: pink; */
margin:0 auto;
color:white;
}
.content-menu-right ul li{
float: left;
list-style: none;
font-size: 10px;
line-height: 40px;
}
.content-menu-left{
float:right;
font-size: 12px;
}
.content-menu-left ul li{
float:left;
list-style: none;
height: 40px;
line-height: 40px;
right:0px;
}
span{
}
.content-top{
width: 1226px;
height: 66px;
line-height: 66px;
margin: 10px auto;
float:left;
}
.content_menu_ul{
}
.content_menu_ul li{
list-style:none;
float: left;
margin-right:10px;
}
.content_form{
width: 1226px;
height: 460px;
background: pink;
}
.content_form_menu{
width: 246px;
height: 460px;;
background: #ccc;
}
.content-picshop{
width: 1226px;
height: 170px;
background:yellow;
}
.content-picshop_1{
width: 235px;height: 170px;background: lightblue;margin-right:14px;float: left
}
.content-picshop_2,.content-picshop_3,.content-picshop_4{
height: 170px;width: 310px;background: red;float: left;margin-right: 14px;
}
.content-pixsg{
width: 1226px;height: 420px;background: #ccc;
}
.content-pixsg_1,.content-pixsg_2,.content-pixsg_3,.content-pixsg_4,.content-pixsg_5{
width: 235px;height:340px;background: lightblue;margin-right: 10px;float: left;
}
.content-bottom{
width: 100%;
height: 100px;
background: #ccc;
}
.content-bottom1{
margin:0 auto;
width: 1226px;
height: 76px;
background: pink;
}
.foot-top_li_1{
}
- 小米手机
- 红米
- 电视
- 笔记本
- 盒子
- 新品
- 路由器
- 智能硬件
- 服务
- 社区
小米闪购
手机
查看更多
Correcting teacher:查无此人Correction time:2019-09-05 14:28:16
Teacher's summary:完成的不错,常用的css样式可以写到公用文件里,每个项目都可以加载这一个公用文件。继续加油。