求助！怎么样用纯CSS3做出邮票的那种效果？

html-css012

求助！怎么样用纯CSS3做出邮票的那种效果？,第1张

当然，如果你不介意用一点图片的话，完全可以用CSS3 的边框图片来做，…………不过IE9不支持，这样写：border-image:url('Images/border.png') 30 30 round

1、画大小两个矩形，大矩形设为无边框，填充颜色为浅灰色（也可用其它颜色）；小矩形设为无边框。两个矩形叠放成邮票边框。

2、按住Shift用椭圆工具画齿孔小圆，设为无边框，填充颜色为白色，将小圆拖到邮票边框上，一半在图形里，一半在外，这样看起来就像齿孔了。多复制一些小圆，用同样的方法拖到边框上。（利用对齐和分布工具，可使小孔有规律的分布和对齐。）

3、小矩形可以填充图片，作为邮票主图。最后将所有图形组合。

下图是我用上面的方法做的：

也可以找到邮票素材，插入到WORD中，这样可省去自己制作的麻烦。

1、Photoshop新建画布。

2、新建画布后，点击画笔工具然后点击管理预设。

3、进入画笔预设页面，选择一个圆头笔尖，然后再画笔笔尖形状页面。

4、调整笔尖间距。

5、调整好间距后，按住shift键就可以画一条直线过来。

6、其他的边也是按住shift键画好边就可以了。