私のカレンダー


独自のカレンダーを作成



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
    カレンダーページリンク
    ポスターに間違った内容や効率的な方法があればコメントを…!!!