Windows 8风格的布局

最新推荐文章于 2024-09-11 11:27:49 发布

amohan

最新推荐文章于 2024-09-11 11:27:49 发布

阅读量120

点赞数

分类专栏：网站模版文章标签： windows css css3

原文链接：https://yy123.ink/frontDetail/12996

版权

网站模版专栏收录该内容

3170 篇文章 30 订阅

订阅专栏

下载地址

一个简单的windows 8主题布局。HTML

"put a quote here"

CSS/* entypo */[class*="entypo-"]:before { font-family: "entypo", sans-serif;}body { background-color:#B24444;}div { width:1000px; margin:auto;}.block01 { width:200px; height:200px; margin:0px; color:#b24444; float:left; font-size:100px; text-align:center; line-height:200px; }.block01.pink {background:#BABABA;}.block01.green {background:#949494;}.block01.orange {background:#545454;}.block02 { width:400px; height:200px; margin:0px; color:#b24444; float:left; font-size:120px; text-align:center; line-height:200px; }.block02.pink {background:#BABABA;}.block02.green {background:#949494;}.block02.orange {background:#545454;}.block03 { width:100px; height:100px; margin:0px; color:#b24444; float:left; font-size:50px; text-align:center; line-height:100px; }.block03.pink {background:#BABABA;}.block03.green {background:#949494;}.block03.orange {background:#545454;}.wrap { float: left; height: 200px; width: 200px;}.quotebox { width:400px; height:200px; margin:0px; color:#b24444; float:left; font-size:40px; text-align:center; display:table-cell; vertical-align:middle; font-family: "Over the Rainbow", cursive; }.quotebox.pink {background:#BABABA;}.quotebox.green {background:#949494;}.quotebox.orange {background:#545454;}.block01:hover { color:#616161;}.block02:hover { color:#616161;}.block03:hover { color:#616161;}