同一个html结构的40种不同布局

前端时间看到一个老外的同一个html结构的40中不同布局(http://blog.html.it/layoutgala/

这也体现了css真正的精髓!

我今天也照着样子做了一遍,疯掉,做到30个就做的头晕了,做了就不浪费,拿出来和大家共享一下。

https://www.html.cn/demo/css_n/bg1.html

https://www.html.cn/demo/css_n/bg2.html

https://www.html.cn/demo/css_n/bg3.html

https://www.html.cn/demo/css_n/bg4.html

https://www.html.cn/demo/css_n/bg5.html

https://www.html.cn/demo/css_n/bg6.html

https://www.html.cn/demo/css_n/bg7.html

https://www.html.cn/demo/css_n/bg8.html

https://www.html.cn/demo/css_n/bg9.html

https://www.html.cn/demo/css_n/bg10.html

https://www.html.cn/demo/css_n/bg11.html

https://www.html.cn/demo/css_n/bg12.html

https://www.html.cn/demo/css_n/bg13.html

https://www.html.cn/demo/css_n/bg14.html

https://www.html.cn/demo/css_n/bg15.html

https://www.html.cn/demo/css_n/bg16.html

https://www.html.cn/demo/css_n/bg17.html

https://www.html.cn/demo/css_n/bg18.html

https://www.html.cn/demo/css_n/bg19.html

https://www.html.cn/demo/css_n/bg20.html

https://www.html.cn/demo/css_n/bg21.html

https://www.html.cn/demo/css_n/bg22.html

https://www.html.cn/demo/css_n/bg23.html

https://www.html.cn/demo/css_n/bg24.html

https://www.html.cn/demo/css_n/bg25.html

https://www.html.cn/demo/css_n/bg26.html

https://www.html.cn/demo/css_n/bg27.html

https://www.html.cn/demo/css_n/bg28.html

https://www.html.cn/demo/css_n/bg29.html

https://www.html.cn/demo/css_n/bg30.html

?

?更多就看这里吧http://blog.html.it/layoutgala/,我是头已经晕了,呵呵

赞(0) 打赏
未经允许不得转载:WEB前端开发 » 同一个html结构的40种不同布局

评论 1

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏