菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 梁洁-20221019-项目实战第二天 [打印本页]

作者: 梁杰，你好 时间: 2022-10-22 00:25
标题: 梁洁-20221019-项目实战第二天
body{
background-color:#f5f5f5;
font-size: 12px;
color: #666666;

}
.test-background{
background-color: #fff;
}
/* 分类属性栏 */
.shuxing{
height: 230px;
margin-top: 5px;
}
.shuxing p{
margin-bottom: 10px;
}
.shuxing li{
float: left;
}
.shuxing b{
color: #666666;
}
.shuxing .pinpai{

height: 77px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.pinpai li{

line-height: 77px;
margin-right: 20px;
}
.pinpai .first{
width: 70px;
background-color: #f3f3f3;
height: 77px;
font-weight: 700;
line-height:77px ;
padding-left: 10px;
}
.lianjie-type{
height: 59px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.lianjie-type .first{
width: 70px;
background-color: #f3f3f3;
height: 59px;
font-weight: 700;

padding-left: 10px;

}
.lianjie-type li{
line-height:59px ;
margin-right: 20px;
}

/* 列表左边部分 */
.goods-list{
margin-top: 20px;
margin-bottom: 50px;
}
.goods-left{
margin-top: 10px;
float: left;
width:170px;
border: 1px solid #aaa;
}

.goods-left-ul img{
padding: 5px 5px;
}
.goods-left-ul div{

padding: 1px 0 0 5px;
}
.goods-left-ul p{
padding: 1px 0 0 5px;
}
/* y右半边 */
.goods-right{
float: left;
width: 1000px;

}
.goods-right ul{
float: left;
width: 100%;

}

.goods-right li{
float: left;
width: 240px;
height: 380px;
margin-left: 10px;
margin-bottom: 10px;

}
.goods-right img{
margin:10px 0 0 10px;

}
.goods-right p{
margin:10px 0 0 10px;
}
.goods-right div{
margin:10px 0 0 10px;
}
.goods-right a{
display: block;
width: 240px;
height: 380px;
}
.goods-right a:hover{
box-shadow: 0 0 20px 3px slategray;
}
/* 页面索引 */
.goods-bottom{
float: right;
height: 40px;
margin-right: 100px;
}
.goods-bottom ul{
float: left;

}
.goods-bottom li{
float: left;
background-color: #f0f0f0;
border: 1px solid #ccc;
height: 40px;
line-height: 40px;
margin-left: 10px;
padding: 0 15px;

}
.goods-bottom .two{
background-color: transparent;
color: #F30213;
border: 0;
}

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)