纯 CSS 实现的精美边框效果

下面展示的都是精心编写的 CSS 边框效果演示,相信您一定会有收获!(由于使用了 jsFiddle 进行效果演示,页面加载有点慢,请稍等一会。如果无法显示,请刷新一下页面,Chrome 浏览器效果最佳!)。




Nice Box By Simonpicos

Glosy Boxes By Bartos Lazarski

CSS3 Elegant Box By Simonpicos

Gray Box By Web-Gate & Luky_vj

CSS3 Frame Box By Web-Gate & Luky_vj

CSS3 Gradient Background By Kushagra Agarwal

Page Curl Box Shadow By Pixleight

CSS-Only Pinterest Style By Kushagra Agarwal

Fake border gradient By Christophe Gourmelon

Stacked Papers Using box-shadow By Anas Nakawa

CSS3 Lined Paper By Taufik Nurrohman

CSS3 Notebook Paper By CSS Creations

Single Tag Heading Style (Folded) By dossatack

Single Tag Heading Style (Folded) By Kushagra Agarwal


Slick Border Gradients By David Higgins

Slick Border Gradients By Michael Parenteau

Slick Border Gradients By Chris Coyier

Pure CSS folded-corner effect By Nicolas Gallagher

Sliding Doors By CSS Creations