はてなブログ【蛍光ペン】ブログ初心者成長記録

読者登録よろしくお願いします。

 

 Twitterもフォローしていただけると

嬉しいです。

 

 

皆さんこんにちは。ともタカです。

今回もやっとの事で

できるようになりました。

蛍光ペン

蛍光ペン

 

f:id:t-pest:20210603210841p:plain

 

色んな方がやられてるのを見て

どうやってるんだろうと気になって

おりました。

 

そこで今回も

ネットの力を借りました。

今回、参考にさせていただいた記事が

こちらになります。

hirochiki10.hatenablog.com

 

ほんと皆さん素晴らしいですよね。

書き方も上手ですし

何より凄くわかりやすいんです。

なおかつコピペ。

コピペ最高です。

HTMLもCSSもわからない

私にとっては

コピペは神です。

 

早速やり方を説明していきます。

まずはこちらをコピーして下さい。

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

 

そしたら

デザイン→スパナマーク→ヘッダ→下の欄にペースト

 

そしたらcommand +Bでピンク

command+Iで黄色

 

はい完了です。

簡単ですよね。

 

これからバンバン使って

いこうと思います。

ブログランキング・にほんブログ村へにほんブログ村