적당한.디지털 시계가 없어서 자작.. > 자유게시판

자유게시판

적당한.디지털 시계가 없어서 자작.. 정보

적당한.디지털 시계가 없어서 자작..

본문

미국에 벽시계가 쓸만한게 없음.

시간이 다 정확하지.않고 조금씩 느림

세상에.. 디지털 시계가 안 맞다니..

 

직접 만들어 보자..

 

1654207058_1601688013.5169.jpg

 

코딩 한 후 로컬 호스트에서 페이지로 띄워서 안쓰는 핸드폰에서 가동시킴

 

소스를 한번 보자..

 

 

<!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개

안녕하세요

로컬 호스트에서 페이지로 띄워서
이말을 이해를 못했는데요.
좀 자세한설명부탁드려도 될까요?
집 커퓨터에 서버를 만드신거에 올렸다는 건지요?
전체 195,062 |RSS
자유게시판 내용 검색

회원로그인

진행중 포인트경매

  1. 참여1 회 시작24.03.28 11:15 종료24.04.04 11:15
(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT