<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>年历</title>
<style type="text/css">
*{margin: 0;padding: 0;}
ul{margin: 0;padding: 0;}
.calender{
margin: 0px auto;
width: 400px;
height: 700px;
background-color: #ccc;
}
.calender ul{
margin: 5px auto;
width: 400px;
height: 550px;
/*border: 1px solid black;*/
list-style: none;
}
.calender ul li{
display: block;
width: 100px;
<html>
<head>
<meta charset="UTF-8">
<title>年历</title>
<style type="text/css">
*{margin: 0;padding: 0;}
ul{margin: 0;padding: 0;}
.calender{
margin: 0px auto;
width: 400px;
height: 700px;
background-color: #ccc;
}
.calender ul{
margin: 5px auto;
width: 400px;
height: 550px;
/*border: 1px solid black;*/
list-style: none;
}
.calender ul li{
display: block;
width: 100px;