こんばんは。
KINOです！
文字にこんな風に蛍光ペンをつけたくないですか？
私はめっちゃ蛍光ペンをつけたかった。
蛍光ペンをつけるやり方は
コピー＆ペーストで簡単に設定できますよ♪
蛍光ペンを引くやり方
蛍光ペンをつけたい人はまず【コード】より下を</style>までコピーしてください。↓
【コード】
<style type="text/css">
/* 強調表示を蛍光ペン（ピンク）風に */
article strong{
margin:0 0.1em;
padding:0.1em 0.2em;
background:#fcfc60 !important;
background:linear-gradient(to bottom, transparent 60%, rgba(255,153,255,1) 60%) !important;
}
/* bタグは太字 */
article b{
font-weight:bold !important;
}
/* 斜体表示を蛍光ペン（黄）風に */
article em{
font-weight:bold;
font-style: normal;
margin:0 0.1em;
padding:0.1em 0.2em;
background:#fcfc60 !important;
background:linear-gradient(to bottom, transparent 60%, rgba(252,252,84,0.8) 60%) !important;
}
/* iタグは斜体*/
article i{
font-style:oblique !important;
}
/* アンダーライン表示を蛍光ペン（緑）風に */
article u{
font-weight:bold;
text-decoration: none;
margin:0 0.1em;
padding:0.1em 0.2em;
background:#fcfc60 !important;
background:linear-gradient(to bottom, transparent 60%, rgba(102,255,204,1) 60%) !important;
}
</style>
コピーしましたか？
そうしたら、はてなブログを開きます。
管理画面の「デザイン」をクリックします。
「スパナマーク（カスタマイズ）」→「フッタ」を開いて、コピーしたものを貼り付けます。
最後に「変更を保存」をクリックします。
【↓ 貼り付け後】
そして、はてなブログを開いて記事を書くで文字を入力し、
太文字（範囲選択＋ショートカットキー：ctrl+B)にしてみてください。
それからプレビューを見ると文字に蛍光ペンが引かれています！
私はプレビューを見てなくて
出来ているのに、30分ぐらい「できなーい！」と悩んでました（笑）
ちなみに、過去に書いた記事すべてに適用されます♪
参考にさせてもらった記事 ↓
蛍光ペンの色を変更するには
「background:linear-gradient(to bottom, transparent 60%, rgba(255,153,255,1) 60%) !important;」
先ほど貼り付けたコードの中の（255、153、255）を 下の表の数字に入れ替えます。
【例】グレー（gray）にしたい場合は、（128、128、128）と入力。
HTML,CSS カラーコード一覧表 ｜ 背景色や文字色の設定
を参考にしました。
蛍光ペンの太さを変えるには？
貼り付けたコードの中のtransparent 「60%」を変更します。
background:linear-gradient(to bottom, transparent 60%, rgba(255,153,255,1) 60%) !important;
細くするには→８０％ など
太くするには→２０％ など
に変えます。
まとめ
太文字などに蛍光ペン を引くには、コードをコピーして設定の中のフッタに貼り付けします！
蛍光ペンの色を変更するには、コードの中の（255、153、255）を変更します。
太さを変えるには、コードの中のtransparent 60%のパーセンテージを変更します。
あなたは、自分の気に入った蛍光ペンを引くことができましたか？
今日も読んでいただいてありがとうございました✨Kinoでした！
