Yamamoto's Laboratory
ページ作成
  ソースリスト
CSS
grid

WEBページ作成方法CSS: grid

CSS の二次元レイアウト grid の使いたを示します.

目次


はじめに

プラグインを追加することにより,WordPress の機能を拡張することができます.

grid の使いかた

display:grid
定義1の説明
grid-column-gap:5px
定義2の説明
css 動作
display:grid; アイテムに対する説明
grid-column-gap:5px アイテムに対する説明
grid-row-gap:2px
grid-template-rows:auto auto
grid-template-columns:350px 200px

ページ作成情報

参考資料

  1. CSS Grid Layout を極める!(基礎編)」には,基本的なことから説明があります.

更新履歴

2018年4月27日 ページの新規作成


no counter