背景

最近需要实现如下的页面

解决方案

日历的实现

使用了开源项目clndr，快速实现。github地址：

四分之三的圆的实现

本人主要做一些JavaEE后台功能实现，css很烂。刚开始打算切图使用background-image来实现，后来同事用border实现了。

.event {    border: 2px solid #3c8ddb;    border-bottom: none;    border-radius: 50% 50% 50% 50%;}

最终实现的效果图如下：