【アメブロ】CSSで記事に蛍光ペンのマーカーを入れる方法

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

 

レビュー :    ★★★★☆

Time    :  02分50秒

形式     :  講義

作成者  :  パーフェクトマスター アメブロカスタマイズ講座 さん





《 ここがオススメ 》


アメブロの記事の一部分を、蛍光ペンのマーカーを引いたように
表示する方法を分かりやすく解説した動画です。
動画の時間も、わずか2分50秒しかないので、閲覧しやすいです。




《 この動画の要約 or 詳細 》


アメブロの管理画面で、左上の「アメブロ」をクリックして、
左サイドメニューの「デザインの変更」をクリックします。


「適用中のデザイン」、「CSS編集用デザイン」の下の、
「CSSの編集」のリンクをクリックし、
「現在使用中のブログデザインCSS」という編集画面の
一番下にスクロールします。


「その他、拡張があれば記述」という部分の下に
改行を行なって、新しいCSSを追加していきます。


span.marker{
background:#ffff57;
}


※ 今回は、 ” #ffff57 ”  という背景色にしました。


入力したら、保存して記事を確認してみます。



記事に内容を記述するタグは、

< span class=”marker”> テスト記事 テスト記事 </apan>

・・というように記述します。





《 一言 》


こちらの設定方法は、難しくなく簡単ですし、
マーカーの色彩を取り入れることによって、ブログの読者に、
内容がより伝わりやすい記事となりますので、
ぜひ、この「記事にマーカーを引く方法」を取り入れてみたいですね。


  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

SNSでもご購読できます。

【おすすめの動画学習サイト】

コメントを残す

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>