一个简单的windows 8主题布局。HTML
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;} 在线演示
积分下载
6毛下载
砍两刀下载
文件目录······
未经允许不得转载:
ICode联盟 »
插件特效 »
Windows 8风格的布局