CSSで「〇〇したい」とか「これどうするんだっけ...」というときに使えるものや地味だけど覚えておくと便利だと思う簡易的なスニペットを紹介する第3弾です。 以前であれば画像やJavaScriptを用いなければいけなかったものがCSSのみで表現できたり、上手く使えばよりシンプル且つ効率良く記述するのに役立つものもあるので、特にこれからCSSを学びたいという人や学び始めたばかりでもう少しレベルアップしたいという人は是非試してみてください。 サンプルコードは基本的にプレフィックスを省略しています。 デモが用意されていないものについては、自身で簡単な環境を作成して試してもらうか「CodePen」や「JSFiddle」などを利用して実際の動きを確認してください。 borderで矢印をつくる #1 borderを利用して矢印を作る方法で、基本となるスタイルに加えて例えば上向きの矢印であればborder
![CSS Snippets #3 - NxWorld](https://cdn-ak-scissors.b.st-hatena.com/image/square/461f3853ce5c7bfed0248d3796605f59d6d84f85/height=288;version=1;width=512/https%3A%2F%2Fwww.nxworld.net%2Fthumbnail%2Fcss-snippets.png)