目次
フッターの区切り線にbox-shadowを使いたい
Tailwindcssにはbox-shadowという、オブジェクトに陰影を付与するクラスがある。
これフッターの区切り線に使えないかな～？
さあ、やってみよう！
HTML
<footer class="shadow-lg">
...
</footer>
出てきませんね・・・borderは出てくるのになぁ。
ちなみに、これ shadow-lg から shadow に変えても出てきません、問題はそこじゃない。
いろいろ考えた結果、footer自体に付与するのがダメってことはわかったので、別の方法で無理矢理表示させました。
HTML
<body>
...
<div class="shadow-lg"><br></div>
<div><br></div>
</body>
<footer>
...
</footer>
おぉ、box-shadowが出てきました！
説明できないですが、この<br>タグがミソのようで、こいつらをなくすと消えます。
2つ<br>タグが書いてありますが、どちらを消しても消えます。
というわけで<body>の最後に記述することでフッターっぽく表示するという、
なんともお粗末な力技を使いましたが、表示できたのでめでたしめでたし。
