HTML&CSSベース-ショッピングページ(ジョブ)🤣
ジョブ
作業は上記ページの作成です.
思ったほど簡単ではなく、前の宿題と同じように3時間くらいかかったようです.
では、宿題をするときに学んだ概念を整理しましょう.
デフォルトのtable trtdラベル
最も基本的なものを再整理します.
表を作るためには、
nh-childコレクタ
行列を処理するときに、すべての列に同じスタイルが適用される場合があります.
特定の列のスタイルだけをあげたい場合があります.
この場合のコードは
2番目に出てくるtd色しかあげられません.
表に必要な順番のセルにスタイルを提供したい場合は、主に使うそうです.
せきぶん枠線の色を下に置きたいだけです.
作業は上記ページの作成です.
思ったほど簡単ではなく、前の宿題と同じように3時間くらいかかったようです.
では、宿題をするときに学んだ概念を整理しましょう.
デフォルトのtable trtdラベル
最も基本的なものを再整理します.
表を作るためには、
table
のラベルで包まなければなりません.tr
銀行td
は列です.nh-childコレクタ
行列を処理するときに、すべての列に同じスタイルが適用される場合があります.
特定の列のスタイルだけをあげたい場合があります.
この場合のコードは
nth-child(n)
です..cart-table td:nth-child(2) {
color: red;
}
上記のコードを作成した場合は、cart-tableのすべてのtdを検索します.2番目に出てくるtd色しかあげられません.
表に必要な順番のセルにスタイルを提供したい場合は、主に使うそうです.
せきぶん枠線の色を下に置きたいだけです.
border-bottom : 1px solid black;
せきぶん各ユニットブロックにwidthを設定できます.<table>
<tr>
<td class="name">상품명</td>
<td class="price">가격</td>
<td>수량</td>
</tr>
</table>
せきぶん複数のtdをマージするにはcolspanを使用します.<td colspan="4"></td>
Reference
この問題について(HTML&CSSベース-ショッピングページ(ジョブ)🤣), 我々は、より多くの情報をここで見つけました https://velog.io/@wn8624/HTML-CSS-기초-쇼핑페이지숙제テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol