読者を引き込む文字装飾htmlのCSS一覧【赤文字・下線・マーカーetc】


htmlコード赤文字下線マーカー

 
文字の色を変更したり

文字の背景に色を付けたり

ブログ記事の文字を装飾することによって

記事がとっても読みやすくなったり、

また読者を引き込むことができます。

 

この記事では

記事投稿に使いやすい文字装飾や特殊文字のコードをご紹介します。

これらをコピーして

いつでも使えるようにしておくとすごく便利ですよ。

 

 

文字装飾一覧【赤文字・下線・背景色etc】

 

 

<太文字>

これは太文字装飾です。

<strong>文字文字文字</strong>

 

 

<赤い太文字>

これは赤太文字装飾です。

<strong><span style="color: #ff5a00;">文字文字文字</span></strong>

 

 

<赤下線を引く>

赤下線を引く

<span style="border-bottom:solid 3px #ff0000;">文字文字文字</span>

 

 

<赤い2重下線を引く>

赤い2重下線を引く

<span style="border-bottom:double 3px #ff0000;">文字文字文字</span>

 

 

<打ち消し線を引く>

打ち消し線を引く

<s>打ち消し線を引く</s>

 

 

<背景を黄色にする(マーカー)>

これは黄色背景装飾です

<font color="#000000" size="2"><span style="background-color: #FFFF00">文字文字文字</span></font>

size=””の数字を変更すると文字サイズを変えることができます。

 

 

<出典を左詰めで記載する>

出典:URL

<font color=#808080><FONT size="1">出典:URL</FONT></font>

 

 

<出典を中央に記載する>

出典:URL

<font color=#808080><FONT size="1"><div Align="center">出典:URL</div></FONT></font>

 
出典の記載位置は使用する画像や引用の位置によって

使い分けてください。

 

 

 

 

 

特殊文字一覧【♥・☆・X²】

 

次は特殊文字です。

 

サイズや色を変更したい時は

下のカラーやサイズの数字を変更してくださいね。

<font color="#000000" size="6">文字コード</font>

 

 
 

<ハート>

&hearts;

 

 

——————-

<ダイヤ>

&diams;

 

 

——————-

<クラブ>

&clubs;

 

 

——————-

<スペード>

&spades;

 

 

——————-

<星>

&star;

 

 

——————-

<2乗>

〇²

&sup2;

 
“2”の数字を変えることで

3乗や4乗にもできます。

 

 
——————-

<1/2乗>

〇½

&frac12;

 
“1”,”2″の数字を変えることで

1/3乗や2/3乗などもできます。

 

関連記事:全部無料!ブログ開設したら最初にやるべき魅力的装飾のやり方まとめ

 


コメントを残す

サブコンテンツ

プライバシーポリシー

クレジットカード盗難

このページの先頭へ