使用HTML 5和CSS3五步快速制作便签贴特效

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

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