文字にカッコイイ背景色(蛍光ペン)を引く方法…!

20a255b1

蛍光ペンを引いたような文字の背景色を最近よく見かけますよね!

→こんな感じの蛍光ペンです。

ブログやサイトでこのような蛍光ペンを引く場合、
残念ながらちょっとCSSをいじらないといけないんです。。

しかし!

意外と簡単にできちゃうので、
超わかりやすく蛍光ペンを引く方法を解説します^^

 

CSSの編集

まずはCSSを編集します。

SIRIUSであれば「スタイルシート」を編集しましょう。

ab00003178

「スタイルシート」の「styles.css」を編集します。

ab00003180

そして、一番下までスクロールして最下部に以下の記述を追加してください。

WordPressであれば、

外観→テーマ編集の「style.css」を編集し最下部に上記のコードを追加します。
(リファインSNOWは「custom.php」です)

 

HTMLの編集

そして本文中の蛍光ペンを引きたい文字に対して、
以下のコードを挟みます。

するとこのような感じの蛍光ペンが引けます。

はい!終了!

簡単ですよね^^♪

 

黄色以外の蛍光ペン

ピンクの蛍光ペン

 

水色の蛍光ペン

 

他にもいろいろなカラーありますが、僕がよく使うのはこの3つです。

CSSのカラーコード(#○○○○○○)の部分を、
好きな色のコードに変えると様々な色の蛍光ペンが引けるようになりますよ^^

 

PS

近々アフィリエイトコンサルを募集するのですが、
興味のある方はいますか?

もし興味がある方はメルマガ登録をしておいてください。

 

【期間限定】アフィリエイトコンサルやります!



僕のアフィリエイトコンサルのテーマは、
「MOMOTAの手法をモデリングして最短で稼いでもらう」

少数のコンサル生だけに、アフィリエイトで稼げる手法を暴露します。こんな企画はもうやらないと思うので、興味のある方は早めに詳細を確認してください。

 アフィリエイトコンサル【MTC】の詳細

MOMOTAの無料メルマガで、アフィリエイトテクニックを公開中!

MOMOTAメルマガ

アフィリエイト初心者MOMOTAが、1年半後にどうやって月100万円以上を稼げるようになったのか
テクニック・収益が跳ね上がったきっかけ・思考など包み隠さず伝えていきます。

氏名  姓: 名:
メールアドレス 

コメントを残す