效果图：

CSS代码：

复制代码 代码如下:

<style type="text/css">

*{

margin:0;

padding:0;

font:10px tahoma;

}

#calender{

text-align:center;

width:147px;

font-size:10px;

/*color: #27B0C1;*/

margin:12px 0 12px 6px;

border-top:1px solid #EEEEEE;

border-left:1px solid #EEEEEE;

}

#calender .arrow_over{

color: #FF1493;

}

#calender .arrow_out{

color: #FF8C00;

}

#calender td{

border-bottom:1px solid #EEEEEE;

border-right:1px solid #EEEEEE;

width:21px;

height:20px;

line-height:16px;

color:#666666;

}

#calender #cal_title{

width:147px; background:#EFEFEF;

}

#calender #week td{

background: #F8F8F8;

}

#calender .current{

background: #AAE7E8;

display: block;

margin:2px;

}

#calender .notcurrent{

display: block;

margin:2px;

background:#EDEDED;

}

</style>

脚本代码：

复制代码 代码如下:

<script type="text/javascript">

<>

</script>