【HTML/CSS】実務で使ったレイアウトまとめ(2016年8月更新)

9f3kJpS5Y2u868qf

目次

検証済みブラウザとOS

  • Firefox
  • Google Chrome
  • Safari
  • Windows 7
  • OS X El Capitan
  • iOS 9.3.4
  • Android 5 / 6

 

画像と背景ありテキストの横並び、テキストは天地中央

ZR25rYYn5J4ng5n8

IE 9以上

 

ブロック化リンクのテキストを天地中央に配置

N9VrTuLRP5xc31ne

IE 9以上

 

画像を含むボックスの角を斜めに切り取る

1

IE 10以上

 

線も付け足す

2

IE 10以上

 

    • このエントリーをはてなブックマークに追加