炫酷时钟
body{
height: 100%;color: #51555c;
background: url("./img/bg1.png") no-repeat;
/* 背景图垂直、水平均居中 */
background-position: center center;
/* 背景图不平铺 */
background-repeat: no-repeat;
/* 当内容高度大于图片高度时,背景图像的位置相对于viewport固定 */
background-attachment: fixed;
/* 让背景图基于容器大小伸缩 */
background-size: cover;
/* 设置背景颜色,背景图加载过程中会显示背景色 */
background-color: #464646;
}
img{
display: inline-block;
width: 28px;
height: 50px;
margin:0 4px;
}
.main_demo{
width: 910px;
min-height: 600px;
margin:30px auto 0 auto;
}
.main_demo h2{
text-align: center;
padding: 10px;
font-size: 40px;
color: wheat;
}
.clock{
width: 500px;
paddi