どうも!LSSです!! 今回は「BOX要素をborder(枠線)と影(box-shadow)で装飾するツール」を作ってみました! 使い方 ↑この枠内の部分を色々いじると、その下にある「サンプル」に影響します。 色を選択する部分がちょっと分かりづらいかもですが、もし 「黒」にしたい場合は「明」を0%に、 「白」にしたい場合は「明」を100%に、 「灰色」にしたい場合は「彩」を0%にして「明」で濃さを調節できます。 あと「ここに内容を書きます」の部分も書き換えられますが、タグ無効化とかしていないので、中で別途タグが使用可能です。 ※悪く言えば、その中でタグをミスると結果がおかしくなるのと、改行が改行として表示されない、というのがあります。(これは改行したいところで<br/>と入れるとOK!!) 気に入ったものができたら、さらにその下にある「コード」のところに書かれたタグを、はてなブログの「記事
![ブログで使える!BOX要素装飾ツールを作りました^^ - Little Strange Software](https://cdn-ak-scissors.b.st-hatena.com/image/square/bcd8c801648ee4eba4326a4f7c1c1889b379e28a/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fl%2Flittle_strange%2F20200322%2F20200322225340.png)