独自のカレンダーを作成

htmlケーブルで学ぶ内容で4月~7月のカレンダー作りに挑戦!
tableはかなりやかましい、、、そんな友達です.

おおよその順序

まずテーブルを毎月4つのテーブルに分けます.

配置のために4月、5月を1節に縛り、6月、7月を1節に縛る.

セクションでフローティング:left;float : right ; 使用して、4月と5月を横並びにします.親要素でoveflow:hidden;必要だ!(jun、7月分もそうです)

junは,7月部分を最後部に下げるためにinline-block属性を与えた.

詳細なcssスタイルを追加

ここまで言うとカレンダー全体の形になっていて、ここでは日曜日の部分だけを赤く塗りたい!
勉強の内容は<colgroup>, <col>を使えばいいのですが、

<table>
      <caption>
       제목
      </caption>
      <colgroup>
        <col class="SUN" />
        <col class="MON" />
      </colgroup>

このように組み合わせると、列を選択して造形することができます.でも成功しなかった...
検索するとcolgroupはwidth、backgroundしか適用できないことがわかりました!
あちこちでグーグル検索の結果.

th:nth-child(1),td:nth-child(1){
    color: rgb(250, 87, 120);
}

これによりthとtdの最初のサブアイテムに値を付ける方式が使用され、すぐに適用できます!幸せ🥰
テーブルを上手に組み合わせるには、まだ時間がかかります.一生懸命勉強しなければなりません.🔥
https://heejin-k.github.io/code_lion/homework/calender.html
カレンダーページリンク
ポスターに間違った内容や効率的な方法があればコメントを…!!!