本文主要包含日历等相关知识,佚名 希望在学习及工作中可以帮助到您
目标
今天我们的目标是制作如下面DEMO显示的一个日历效果：
HTML Markup
先来看看其结构：
上图对应的就是各标签以及其伪类所起的作用，换句话说就是使用不同的样式绘制出来不同的图形效果，接下来最主要的是样式的制作。
CSS Code
如果你看明白了上图的标记，那么您就很容易整明白下面样式所起的功能效果，下面我们分成几个部分来展示其制作过程，以及所呈现的效果：
1、日历主体制作
第一步很简单，制作日历的主体面板效果：
-webkit-border-radius: 0 0 30px 0