body,ul,li,h2,p
{
margin:0px;
padding:0xp;
}
#div1
{
width:200px;
height:200px;
background:#ccc;
}
.calendar
{
width:240px;
height:345px;
background:#ccc;
margin:auto;
}
.calendar ul
{
list-style:none;
width:232px;
height:260px;
margin:0px;
padding:0px;
}
.calendar ul li
{
width:45px;
height:65px;
background:#333;
float:left;
display:inline;
margin-left:11px;
margin-top:10px;
border:1px solid #ccc;
text-align:center;
color:#FFF;
}
.calendar ul li:hover
{
border:1px solid #000;
}
.text
{
background:#F96;
margin:10px;
padding-bottom:10px;
height:45px;
}
.text h2
{
display:inline;
}
.active
{
background:#FFF !important;
color:#C03 !important;
}
- 1
JAN
- 2
FER
- 3
MAR
- 4
APR
- 5
MAY
- 6
JUM
- 7
JUL
- 8
AUG
- 9
SEP
- 10
OCT
- 11
NOV
- 12
DEC
效果预览：
