css代码区
<style>
*{
padding:0px;
margin:0px;
}
.box{
margin:100px auto;
width:400px;
height:600px;
background-color:#ccc;
}
ul{
width:350px;
height:400px;
margin:0px auto;
list-style:none;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
ul > li {
width:100px;
height:100px;
background-color:green;
margin-top:15px;
text-align:center;
}
.text{
width:350px;
height:100px;
background-color:white;
margin:0px auto;
margin-top:80px;
text-align:center;
}
ul > li > h2 {
margin-top:10px;
color:white;
}
.active{
background-color:pink;
}
</style>
html区
<body>
<div class="box">
<ul>
<li class="active"><h2>1</h2><h2>JAN</h2></li>
<li><h