私のカレンダー
独自のカレンダーを作成
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
カレンダーページリンク
ポスターに間違った内容や効率的な方法があればコメントを…!!!
Reference
この問題について(私のカレンダー), 我々は、より多くの情報をここで見つけました https://velog.io/@heejin-k/Table-나만의-달력テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol