タグ

ブックマーク / delaymania.com (1)

  • 【CSS】table-cellで中央にロゴ・両脇にボタンというデザインを作る方法 - ディレイマニア

    目次 6回に渡る短期連載記事です。他の記事もこちらでご紹介しておきます。 【CSS】floatを使わずtable-cellを使って横並びにする方法 【CSS】table-cellを使って関連記事の表示で良く使うリストスタイルのデザインを作る方法 【CSS】table-cellを使って要素を均等に配置する方法 【CSS】table-cellで中央にロゴ・両脇にボタンというデザインを作る方法 ←今回はこれ 【CSS】table-cellでサムネイル画像+テキスト+ボタンのデザインをキレイに見せる方法 【CSS】table-cellを使って関連記事をタイル状にレイアウトする方法 番外編ですが、table-cellを使う上で重要なテクニックを追記します。 幅固定+幅可変の組み合わせ 中央にサイトのロゴ、左右にボタンというデザインを例に紹介していきます。 まず基的な書き方はこちら。 <div cl

    【CSS】table-cellで中央にロゴ・両脇にボタンというデザインを作る方法 - ディレイマニア
  • 1