<table>을 활용한 달력만들기

DANA·2022년 4월 6일
0

멋사 // 과제

목록 보기
4/4
  • table 2*3 안에 또 table 6*7 을 넣어서 만들어봤다. 이게 더 복잡하려나? 다른 방법도 생각해보자.
  • 월이 나와있는 칸은 tr로 따로 떼서 병합시켰다. caption은 어떨까?
  • 2022와 명언을 caption으로 했다가 정렬이 너무 어려워 그냥 헤더랑 p로 했다. cation이 나았을까?!


어찌저찌 만들긴 했는데. . .


숫자 밑에 글자를 넣고 글자 없는 숫자들이랑 가로 가운데 정렬 하는 게
어려웠다! 지금 보니 사운데 정렬 되어 있는 거 같기도 하고...?
다시 정확히 해보고
안되면 다른분들 코드 봐야겠다!

그리고 왜 요일들은 붙어있지?
display: block해주니까 ht태그들만 저리 붙었는데 대체 왜😂
수업끝나고 완료하기!

✅ 성공!

  • 요일을 <th>로 썼는데 width값을 <td>에만 줘서 모여있었던 거심! td는 block, inline요소도 아닌 cell어쩌구 값이라는 게 신기하다!
  • 글자넣는 건 글자 없는 날에는 위아래 패딩값을 주고 있는 날은 따로 padding-bottom값 0으로 설정하고 글자크기를 패딩값만큼으로 줬다! 좋은 방법일까,,,?!
    근데 아직 살짝 올라가있는 거 같은데,,,?
profile
프론트엔드 개발자입니다.

0개의 댓글