- .calender{
- width:295px;
- height:500px;
- margin-left:36%;
- margin-top: 50px;
- background: green;
- }
- .calender ul{
- width:280px;
- height:350px;
- margin-top:0px;
- }
- .calender li{
- width:60px;
- height:60px;
- background:#000;
- color: pink;
- font-size: 11px;
- list-style: none;
- display: inline-block;
- margin-top:20px;
- margin-right: 10px;
- text-align:center;
- }
- .calender .active{
- background: pink;
- color:#000;
- }
- .calender div{
- width:220px;
- height:100px;
- background: #ccc;
- margin-left:40px;
来源: http://www.bubuko.com/infodetail-2515771.html