汎用性の高いシンプルなボックス型のテーブル【1-1】。見出しである<th> 要素と、その値である<td>要素が判別しやすく ...

「脱テーブルレイアウト」とタイトルを見て驚いた方もいるかもしれないが、データの整理に使う表でのお話。繊細な罫線や背景グラデーションを効果的に使って、個性的な表組みを作ってみたい。ポイントはGIFで作った罫線を駆使することだ。 個性的に ...

table要素はWebページにとってなくてはならないものだ。しかしデザインや設定が難しい要素でもある。テーブルを簡潔に記述しつつCSSで優れたデザインを提供したいところだが、Webブラウザ間の差異もありなかなか希望通りの設定ができない。そこでR.Christie ...

初心者でもわかりやすい、実践的なHTML・CSSレイアウト講座の第1回！デザインの考え方からコーディングまで、現場で使えるスキルをヤフー出身エンジニアが丁寧に解説します。Web制作の基礎をしっかり身につけたい方におすすめです。 #プログラミング ...

マルチデバイス時代に対応したEメール、レスポンシブEメールデザインについてお送りする本連載。今回は、元なるHTMLにCSSを追加してレイアウトとデザインを整えます。 以下は、CSSを追加する前後のメール表示です。 ヘッダー、コンテンツ領域にCSSを追加 ...