スポンサーリンク

[WordPress]文字の背景を蛍光ペンっぽくしてみる

marker

こんにちは。二階堂ハジメです。

前回はステップメールの仕組みについてお伝えしました。
今回は文字の背景を蛍光ペンで塗った表現についてお伝えします。


スポンサーリンク

こんな風に目立たせたい

サイトやブログで文字を強調するために文字の背景を蛍光ペンで塗ったような表現をよく見ます。(下図参照)

bgcolor

自分もやってみたくて、どうやってやるのかなぁ、といろんなサイトで調べてみたら、プラグインを使わない簡単な方法がありました。

今回は簡単にテキストモードを使ってできる方法を紹介します。

こんなコードで挟みます

テキストモードで下記のコードで文字列を挟むだけです。
簡単ですよね。

<span style="background-color:#FF0">ここが蛍光ペンで強調されます</span>

実際やってみるとこんな感じです。


ここが蛍光ペンで強調されます

これはCSSと呼ばれるスタイルシートで背景色を表現しています。

コードの「FF0」の部分が色となっていますので、この値を変更することで背景色を変えることができます。

色の部分については次回以降で説明していきますね。


最後に

ご意見や記事にして欲しいことなどありましたら、お気軽にここをクリックして、メッセージをくださいね。

今日はこの辺で。
最後までお読みいただきありがとうございます。