적당한.디지털 시계가 없어서 자작.. 정보
적당한.디지털 시계가 없어서 자작..본문
미국에 벽시계가 쓸만한게 없음.
시간이 다 정확하지.않고 조금씩 느림
세상에.. 디지털 시계가 안 맞다니..
직접 만들어 보자..
코딩 한 후 로컬 호스트에서 페이지로 띄워서 안쓰는 핸드폰에서 가동시킴
소스를 한번 보자..
<!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>
혹시 디자인 변경해서 쓰실 분은 가져가셔도 됩니다.
6
댓글 4개
추천 꾹 눌러드려요~
그럼 남은 연휴 즐겁게 보내세요 :)
로컬 호스트에서 페이지로 띄워서
이말을 이해를 못했는데요.
좀 자세한설명부탁드려도 될까요?
집 커퓨터에 서버를 만드신거에 올렸다는 건지요?