这里分析一个带年月日、时分秒、星期数的时钟的制作过程,方法有点怪异,但是功能是OK的,主要是布局有点小问题。
首先来看看布局,时钟上的所有字都由图片构成,然后简易排下版,就跳过布局吧!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
div{
width: 520px;
background: url(../img/images/bg.png) no-repeat;
text-align: center;
margin: 0 auto;
}
</style>
</head>
<body>
<div id="time">
<p><img src="../img/images/title.png"/></p>
<p id="years">
<img src="../img/images/0.png"/>
<img src="../img/images/0.png"/>
<img src="../img/images/0.png"/>
<img src=