win8页面 html,Win8 Metro风格界面设计HTML+CSS网页模板

在网站开发的时候对于底部或者某些局部很多人希望或者喜欢Win8 Metro风格界面.本人也一直很喜欢。截止目前我的dodobook.net的底部都是Metro风格,难不准以后会变，先记录一下这部分代码。欢迎各位分享。图文请各位自行替换调整。

上代码了，各位直接复制即可运行

Win8 Metro风格界面设计HTML+CSS网页模板

#footZone{width:1000px;margin:10px auto;}

#footZone h3{color:#fff;font-size:40px;font-weight:bold;text-align:center;}

#zone1,#zone2,#zone3,#zone5,#zone6,#zone8{width:260px;height:120px;float:left;margin:5px;padding:5px;}

#zone4,#zone7{width:110px;height:120px;float:left;margin:5px;padding:5px;}

#zone1{ background-color:#007BBE; }

#zone2{ background-color:#DDA600; }

#zone3{ background-color:#00B7ED; }

#zone4{ background-color:#1CA62F; }

#zone5{ background-color:#EF8103; }

#zone6{ background-color:#006CE2; }

#zone7{ background-color:#7633A7; }

#zone8{ background-color:#FE0600; }

东

西

南

北

春

夏

秋

冬

肠断月明红豆蔻，月似当时，人似当时否？——纳兰性德《鬓云松令》

win8页面 html,Win8 Metro风格界面设计HTML+CSS网页模板相关推荐

超棒的微软Metro风格Logo设计
日期:2013-2-12 来源:GBin1.com Metro风格是今年的一大设计趋势之一,在今天这篇文章中我们收集了一套超棒的Metro风格Logo设计,如果你在开发或者设计一套metro风格的网 ...
安卓手机应用软件UI界面设计展示PR样机模板MOGRT
9个不同角度展示安卓手机应用软件UI界面设计作品展示PR模板Mogrt|Android安卓样机模板主要特点: 适用于 Premiere Pro CC 2021+ 适用于图像或视频轻松改变颜色轻松 ...
html5模板欧美风格,红色欧美风格响应式后台系统网页模板
模板描述:红色欧美响应式后台系统.红色欧美风格响应式后台系统网页模板html模板下载代码结构 1. 引入CSS 2. 引入JS 3. HTML代码 Close Search DarkAdmin ...
黑客登录界面科幻黑色主题网页模板表单验证代码
黑客登录界面科幻黑色主题网页模板表单验证代码效果: html代码: <!DOCTYPE html> <html lang="en"><head> ...
VC/Wince 实现仿Win8 Metro风格界面1——设计概述和自绘Button
转载:http://www.chawenti.com/articles/16008.html 去年用VC做了一个仿Win8 Metro风格的界面,感觉挺有意思,最近打算把实现过程和一些技术原理记录下来 ...
简约之道：极简风格界面设计的起源
家里两边通着空气,这样坐着光脚甚至有些凉意,看一眼天气明天最高气温21度,想起前两天有消息说今年厄尔尼诺要持续几个月什么什么,本想买个小龟王平时骑一骑,现在看来不是很乐观. 从没炒过股票,连所谓的理财 ...
html仿b站页面代码,B站首页界面设计：附详细教程
文件名大小更新时间 B站首页界面设计:附详细教程\1.png2994402016-12-29 B站首页界面设计:附详细教程\2.png2492252016-12-29 B站首页界面设计:附详细教程\w ...
html5漂亮的登录与注册界面设计,漂亮的网页登陆/注册表单设计
漂亮的网页登陆/注册表单设计 7月 4, 2012 评论 Sponsor 网页设计中登陆和注册表单是非常常用的,而且使用率也非常高,一个表单的设计其实也不是简单的事情,你要考虑很多用户体验,有的喜欢把 ...
html怎么实现聊天界面设计,纯css制作仿微信聊天页面
纯css制作仿微信聊天页面 *{ margin: 0; padding: 0; } body{ font-size: 14px; } .triangle{ margin: 100px auto ; w ...
C# WPF界面设计参考工控机上位机界面美观炫酷的现代化风格界面设计实际案例分享界面设计代码
1.动图效果展示 2.界面1 3.界面2 4.界面3 需要界面效果代码的可留言联系博主

win8页面 html,Win8 Metro风格界面设计HTML+CSS网页模板

东

西

南

北

春

夏

秋

冬

win8页面 html,Win8 Metro风格界面设计HTML+CSS网页模板相关推荐

最新文章

热门文章