見るツイートth間やtd間のボーダーに余白が空いた、すこしおしゃれなデザインのテーブルを見たことがあると思います。そのコーディング方法をご紹介します。#f08080;17}サンプルページborder-collapseプロパティにseparateを設定することで、ボーダー間に余白を空けるという設定を行い、またborder-spacingに数値を設定することで、その数値の分だけボーダー間の余白を空けることができます。これらのプロパティを組み合わせることで、前述のようなデザインを実現することができます。違ったデザインのテーブルを組んでみる際に使ってみてはいかがでしょうか。»HTMLコーダーからフロントエンドエンジニアにステップするために必要な知識と技術を解説。現場で求められる人材となるためには、何を知っていて、何ができなければいけないのか。Web制作の最先端にいるクロノドライブだからこそ教えられるノウハウが満載です。upコンテンツコラムの新着情報を受け取るクロノドライブのTwitterアカウントをフォローして、新着コラム情報を受け取ることができます。