right;}ここに表に固有のものは何もありません。読みやすくするために、次のようにフォントの装飾を調整しています。グローバルなサンセリフのフォントスタックを設定しました。これは純粋に装飾的な選択です。要素内の見出しにもカスタムフォントを設定しました。繰り返しますが、主に装飾的な選択です。内の表セル内のテキストを見出しと揃えるように中央揃えにしました。値が与えられますが、一般的には、両方の揃えを同じに設定する方が見栄えがよくなります。見出しフォントのデフォルトの太字は、見た目を区別するのに十分です。内の見出しは、データと視覚的に関連付けやすくなるように右揃えしています。結果は少しきれいに見えます。表はパンクとその態度でいっぱいですので、それに合わせていくつかの明るい印象的な装飾を与える必要があります。微妙で上品な何かを選ぶことができます。ファイルの一番下に再び追加してください。purple;}繰り返しますが、ここでは表に固有のものは何もありませんが、いくつか注意することは価値があります。指定して)読みやすくしています。読みやすいように、テキストが背景と比べてコントラストがあるようにしてください。要素に線形グラデーションを追加して、テクスチャをきれいにし、それらの要素に明るい紫色の境界線を付けました。複数のネストした要素を使用できるようにしておくと、スタイルを重ね合わせることができます。要素に背景画像と線形グラデーションの両方を配置することもできましたが、複数の背景画像や線形グラデーションをサポートしない古いブラウザーの利点のために別々に行うことにしました。表のさまざまなデータ行を解析して読みやすくするために、行の色を交互に並べます。セレクタが特定の子要素を選択するために使われていたのを見ました。式をパラメータとして指定することもできるので、一連の要素を選択します。キーワードを使っていますが、それは前述の式とまったく同じです。この場合、奇数行と偶数行に異なる(けばけばしい)色を付けます。すべての本体行に繰り返しの背景タイルを追加しました。セレクタをサポートしていないブラウザーでも本体行に背景があるように、表全体の背景色を単色にしました。この色の爆発は次のようになります。これはあなたの好みではなく、少々限度を超えているかもしれませんが、ここで主張しようとしているのは、表が退屈で学術的である必要はないということです。キャプションの装飾です。ファイルの一番下に次のコードを追加します。値が与えられている以外に、ここで注目に値するものは何もありません。使用して(あるいはあなた自身のものを使用して!)、私たちの表よりもかなり良くデザインされた、そしてよりけばけばしくないものを作るために装飾することを望みます。先に進む前に、上に示した最も有用なポイントの簡単なリストをお送りします。表のマークアップをできる限り単純にし、物事を柔軟に保ちます。パーセントを使用することによって、デザインはよりレスポンシブになります。設定して列幅を簡単に設定でき、より予測可能な表レイアウトを作成できます。使用して、表要素の境界線を互いに折りたたみ、見た目をよりきれいにして制御しやすくします。適用するための追加の場所を指定します。そのため、必要に応じてスタイルを重ね合わせるのが簡単です。行を読みやすくするために、ゼブラストライピングを使用します。テキストを揃えることで、きれいにして見やすくします。まとめ目をそらしたくなるような装飾した表の高さが今私たちの背後にあるので、私たちは自分の時間を占有するために何か他のものが必要です。次の章では先進的なボックス効果を紹介します。その中にはごく最近ブラウザーに搭載されたもの(ブレンドモードやフィルタなど)や、もう少し定評のあるもの(ボックスの影など)があります。inbox.現在、ニュースレターは英語でのみ提供されています。従って私の個人情報を扱うことに同意します。