今更「STEINS;GATE 0」にハマっているガジェレポ!@gadgerepoです。こんにちわ。 今回は、ブログの「カスタマイズ」ネタをひとつ。 文字の「太字」「斜体」「下線(アンダーライン)」表示をそれぞれ蛍光ペンでラインを引いたかのように装飾し、色分けする方法です。 色々なライン装飾を使い分けたい! 文字の強調表現は、<strong>タグで文字を太くする方法がありますが、近ごろは<strong>タグにCSSを使って「蛍光ペン風のライン」に装飾しているブログをよく見かけます。 こういうやつです。 蛍光ペンでラインを引いたかのような強調は分かりやすく、デザイン的にも優れているのが人気の理由でしょう。 しかし、例えば<strong>タグにCSSで蛍光イエローのライン装飾を指定してしまうと、基本的に強調表現はイエロー1色のみ。 「ここの強調は色を変えてピンクラインにしたいなぁ」という場合はど
![【はてなブログ】強調・斜体・下線表示をそれぞれ蛍光ペン風に色分けしてみる。【カスタマイズ】 - ガジェレポ!](https://cdn-ak-scissors.b.st-hatena.com/image/square/4a7fbe33c965966d164832054797b1494fd05eba/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fg%2Fgadgerepo%2F20170616%2F20170616132929.jpg)