はてなブログとか他のブログで時々、
こんな感じでアンダーラインが蛍光ペンになっていることがありませんか?
綺麗だなっと思っていたが、やり方がわからないって思ってる方や自分の備忘録のためのはてなブログでの導入方法PC編です。
(スマホ編を別記事にしました: 【はてブ】はてなブログでの蛍光色の導入方法と使い方(スマホ編) - On_The_Backs_Of_The_Flyer)

出来る事

導入するとこんな感じのことができます。
紫蛍光
黄色蛍光
緑蛍光
地味なアンダーラインが見栄えが良くなると思います。

はてなブログ導入方法

PC編

[ダッシュボード]より左のメニューから→[設定]→[詳細設定]と行きます

そしてスクロールすると真ん中に検索エンジン最適化にたどり着きます。その中のheadに要素を追加に下記を追加します。

ここに下記を追記します。

<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>