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

20a255b1

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

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

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

しかし!

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

 

CSSの編集

まずはCSSを編集します。

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

ab00003178

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

ab00003180

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

WordPressであれば、

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

 

HTMLの編集

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

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

はい!終了!

簡単ですよね^^♪

 

黄色以外の蛍光ペン

ピンクの蛍光ペン

 

水色の蛍光ペン

 

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

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

 

PS

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

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

 

The following two tabs change content below.
MOMOTA
30代専業アフィリエイターのMOMOTAです。実績0のアフィリエイト初心者だった自分が、LUREAを実践してみたら、たった1年でまさかの月100万円を稼ぐ事ができました。当ブログでは、月100万円稼ぐまでの道のりをルレア実践記として公開しています。(詳しいプロフィールはこちら
シェアして頂いたら記事更新の励みになります^^
応援よろしくお願いします!

【収益を一気に加速させる】MOMOTA式アフィリエイト講座

MOMOTAメルマガ
↑ 詳細はこちらをクリック ↑

  • 【初心者必見】アフィリエイトの正しい実践手順と思考法
  • 現在も成果を上げ続けている最新ノウハウの提供
  • 検索結果の上位表示を狙う圧倒的なブラックハットSEOの暴露
  • 遠回りせずに最短ルートで月収100万円を達成させる方法  …etc.
  • 期間限定】メルマガ登録特典があります♪
氏名 
メールアドレス 

 

あわせて読みたい関連記事

コメントを残す