미국에 벽시계가 쓸만한게 없음.
시간이 다 정확하지.않고 조금씩 느림
세상에.. 디지털 시계가 안 맞다니..
직접 만들어 보자..
코딩 한 후 로컬 호스트에서 페이지로 띄워서 안쓰는 핸드폰에서 가동시킴
소스를 한번 보자..
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Time</title>
</head>
<body>
<style>
body {
background-color: black;
color: orange;
}
.timmee {
margin: 0px auto;
padding: 30px;
}
.time {
width: 100%;
text-align: center;
}
.time tr td {
font-size: 140px;
}
.timmee table tr:first-child td span {
font-size: 50px;
}
.day {
padding-top: 20px;
border-size: 1px;
border-color: gray;
}
.day p {
color: gray;
}
.day tr td {
width: 100px;
text-align: center;
font-size: 20px;
}
.day {
margin: 0px auto;
}
</style>
<div class="timmee">
<table class='time' border="0">
<tr>
<td colspan="7">
12:43
<span>AM</span>
</td>
</tr>
</table>
<table class='day' border="0">
<tr>
<td style="color: red;">
Sun
</td>
<td>
Mon
</td>
<td>
Tue
</td>
<td>
Wed
</td>
<td>
Thu
</td>
<td>
Fri
</td>
<td style="color: gray;">
Sat
</td>
</tr>
<tr>
<td>
<p> 11 </p>
</td>
<td>
<p> 12 </p>
</td>
<td>
Dec 13
</td>
<td>
<p> 14 </p>
</td>
<td>
<p> 15 </p>
</td>
<td>
<p> 16 </p>
</td>
<td>
<p> 17 </p>
</td>
</tr>
</table>
</div>
<br><br><br><br><br><br>
</body>
</html>
혹시 디자인 변경해서 쓰실 분은 가져가셔도 됩니다.
댓글 4개
게시글 목록
| 번호 | 제목 |
|---|---|
| 1717629 | |
| 1717626 | |
| 1717625 | |
| 1717621 | |
| 1717619 | |
| 1717611 | |
| 1717610 | |
| 1717609 | |
| 1717607 | |
| 1717601 | |
| 1717598 | |
| 1717591 | |
| 1717590 | |
| 1717583 | |
| 1717575 | |
| 1717572 | |
| 1717568 | |
| 1717566 | |
| 1717549 | |
| 1717545 | |
| 1717533 | |
| 1717512 | |
| 1717511 | |
| 1717508 | |
| 1717495 | |
| 1717479 | |
| 1717473 | |
| 1717470 | |
| 1717463 | |
| 1717452 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기