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

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

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

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

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

太字・太ラインマーカー

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

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

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

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

細字・細ラインマーカー

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

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

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

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

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

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

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

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

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

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

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

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

【WordPress】CSS見出しが参考になったサイト4選+Web色見本1選

スポンサーリンク
スポンサーリンク



Accessを独学で勉強したい方へ
Accessおすすめの参考書

Accessを独学で勉強しようと思っている方へおすすめの参考書をまとめました。私も使っている選りすぐりの参考書です。ぜひご覧ください。




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です