お役立ちタグ:文字に飾りを






  ◆文字の背景に画像を使います。         

背景に画像を使うとこんな感じです。


  ●タグです。
<font style="background-image:url(背景画像のアドレス);"> 背景に画像を指定するとこんな感じです。 </font>



  ◆文字に上下線(点線)を指定してみます。 

ワクワク((o(゜▽゜○)(○゜▽゜)o))ドキドキ



  ●タグです。
<font style="border-top-style:dotted;border-bottom-style:dotted;border-color:00ff4c;line-height:5px;"> ワクワク((o(゜▽゜○)(○゜▽゜)o))ドキドキ </font>



  ◆上の2つを組み合わせてみると・・・。

うまく出来るといいなぁ~。



  ●タグです。
<font style="border-top-style:dotted;border-bottom-style:dotted;border-color:00ff4c;line-height:15px;"><font style="background-image:url(背景画像のアドレス);> うまく出来るといいなぁ~。 </font>



  ◆文字に背景色をつけてみます

これは背景色を青に指定して文字の色を白にしました。

●タグです。
<font color="white" background-color: blue"> これは背景色を青に指定して文字の色を白にしました。 </font>




マーカーはうまく出来るかな?

  ●タグです。
<font style="background:00ff4c;"> マーカーはうまく出来るかな? </font>

マーカーはうまく出来るかな?

  ●タグです。
<font style="background:0e1969;"> マーカーはうまく出来るかな? </font>



  ◆マーカーは、文章の中で強調したい部分に使うと効果的です。

   ☆ 例えば、☆

最大文字数は 全角20000字まで。 HTMLを利用できます。


  ●タグです。
最大文字数は <font style="background:ffd0f2;"> 全角20000字まで。 </font> HTMLを利用できます。

    background: 00ff4c   6桁の数字は  色番号ですので、
    お好みの色番号に変えてくださいね。




© Rakuten Group, Inc.

Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: