コピペで使える!CSS蛍光ペン風ラインマーカー

みなさんかわいいラインマーカーを引いていますよね。

私も使ってみたい~!ということでいろいろなマーカーを集めてアレンジしてみました。

いろいろなサイトさんでマーカーのCSSをご紹介しているのをやってみたのですが、私が使っているWordPressテーマ『Simplicity2』ではCSSを設定しても表示されないものもあったので、いろいろとカスタマイズしてみました。

コピペで使えるのでぜひ使ってみて下さい。
↑一番下に斜めストライプ(しましま)のマーカーもあるので見てみて下さい。

太字・太ラインマーカー

<太字・太ライン>イエローマーカー

<太字・太ライン>ピンクマーカー

<太字・太ライン>グリーンマーカー

<太字・太ライン>ブルーマーカー

細字・細ラインマーカー

<細字・細ライン>イエローマーカー

<細字・細ライン>ピンクマーカー

<細字・細ライン>グリーンマーカー

<細字・細ライン>ブルーマーカー

太字・太ラインと細字・細ラインマーカー全部

ストライプ(しましま)太マーカー

ブルーのストライプ(しましま)マーカーを作りたくて太マーカーはTakumi Hirashima Artworksさんのサイトを参考にして作ってみました。

きれいなストライプの斜め線が引けるので薄い色を使うといいかもしれませんね♪

ストライプ(しましま)太ブルーマーカー

#fffは白で、#87ceebはWEB色見本原色大辞典からskyblueを選びました。

ストライプもかわいいので使ってみて下さい。

マーカーじゃくて見出しでもかわいいですね♪

カテゴリー:
関連記事