使用HTML5/CSS3五步快速制作便签贴特效

本篇文字将展示给你的是,如何利用HTML5/CSS3,仅用5步就可以制作便签贴效果的HTML页面,效果图如下:(注:图里的文字纯属杜撰,搞笑目的,如有雷同,纯属巧合,谢谢!)注:该效果可以在Safari,Chrome,Firefox和Opera在看到效果,IE上由于对HTML5的支持不完全,所以看不出效果。首先添加基本的HTML结构以及构建基本的正方形,代码如下:每个note都加一个href连接,主要是为了支持键盘访问,CSS代码如下:效果如下:这一步,是我们要实现正方形的阴影效果,并且将字体改为草体(仅限英文),由于google提供了Font