2016-04-12から1日間の記事一覧
<html> <head> <meta charset="utf-8"> <title>桜が舞う</title> <style> html, body { margin: 0; padding: 0; } #container { width: 100%; height: 700px; background: #000; } .inner { position: relative; width: 300px; margin: 0 auto; } .inner div { opacity: 0; animation-name: Drop; animation-du…</meta></head></html>
<html> <head> <meta charset="utf-8"> <title>桜が舞う</title> <style> html, body { margin: 0; padding: 0; } #container { width: 100%; height: 700px; background: #000; } .inner { position: relative; width: 300px; margin: 0 auto; } .inner div { opacity: 0; animation-name: Drop; animation-du…</meta></head></html>
これまでHTML上でスタティック（縦）に並んでしまう要素を横並びにする方法として、 float inline、inline-block などを用いてきましたが、今回は「 display: table」を使い横並びに。さらにjQueryを使ってタブパネルにしてみます。 「 display: table」とは…
