【はてなブログ】文字に蛍光ペンっぽく下線をひいて強調するには

こういうふうに下線をひくにはどうすればいいのかというお話です。

色々探してみたのですが、Ｕの下線指定ではなく、Ｂの太字指定を変えないといけないようです。

設定 → 詳細設定 → headに要素を追加　に以下のコードをコピペ。　

<style type="text/css">
/* 強調表示を蛍光ペン風に */
article strong{
margin:0 0.1em;
padding:0.1em 0.2em;
background:#FCDF1D !important;
background:linear-gradient(to bottom, transparent 60%, rgba(252,252,84,0.8) 60%) !important;
}
/* bタグは太字 */
article b{
font-weight:bold !important;
}
</style>

赤字の部分で下線の色を変更することができます。

これで、記事を書く際にＢ（太字指定）ボタンを押すと（Ctrlキー + Bでも）、このように太字になって下線が引かれます。

それだけです。笑

ちょっと見栄えをよくしたかったのでやってみたカスタマイズでした。