ブログ記事の文章にマーカー(マーキング)を入れてみよう

ブログ記事の文章にマーカー(マーキング)を入れてみよう

ブログ記事の中で、注目してほしい文章や、強調したいところに蛍光ペンで線を引いたようにしたいと思ったことありませんか?

今回は、蛍光ペンで書いたようにテキスト文字をマーキングする方法をご紹介。

テキストにマーキングする方法

すごく簡単なのでで、HTMLタグを使ってやってみましょう。

マーカー(マーキング)ありのサンプルテキスト

このテキスト文字にはマーキングがしてあります。

マーキングしたいテキスト文字を、以下のようにbackground-colorで囲うだけです。

【例】


<span style="background-color: #ffff00;">このテキスト文字にはマーキングがしてあります。</span>

”マーキングしたい文書”のところに、あなたが入れたい文書を書いて下さい。

マーカーの色を変えたい時は、

<span style=”background-color: #ffff00;”>

#ffff00と書いている所のカラーコードを変更してください

カラーコードの見本はこちら

<サンプル>カラーコード#ff66ff

このテキスト文字にはマーキングがしてあります。

<サンプル>カラーコード#99ff00

このテキスト文字にはマーキングがしてあります。

スポンサーリンク
同じカテゴリーのコンテンツ一覧