文字装飾1

*** 文字装飾1 ***

今日は、ココ楽天広場で、スタイルシートを使わずに、細かい文字装飾等を指定するタグを 書いて行きます♪

まずは、『行間を変える』から始めましょう!


∞∞∞ 行間を変える ∞∞∞

ここで使うタグは、

<font style="line-height:数字;">

上記の『数字』の所に、±の数字を入れて調節してみて下さい。例えば『5』を入れた場合は、

『こんな感 じ』
になります♪


∞∞∞ 文字間隔 ∞∞∞

ここで使うタグは、

<font style="letter-spacing:数字;">

上記の『数字』の所に、±の数字を入れて調節してみて下さい。例えば『10』を入れた場合は、

『こんな感 じ』 になります♪


∞∞∞ 文字の背景に色 ∞∞∞

次は、文字の背景のみ 色(マーカー)を付ける方法です。

ここで使うタグは、

<font style="background:色指定;">

上記の『色指定』の所に、バックに入れる色を入れてみて下さい。
例えば『#ccffcc』を入れた場合は、 『こんな感じ』 になります♪


∞∞∞ 文字の背景に画像 ∞∞∞

次は、文字の背景のみ 画像を付ける方法です。

ここで使うタグは、

<font style="background-image:url( 画像名.gif );">

上記の『 画像名.gif 』の所に、バックに入れる画像名を入れてみて下さい。※( )は消さないでネ★
ココでは『画像の倉庫』から、『http://~.gif』を入れます。

『こんな感じ』 になります♪

※ここで気を付ける事は、『~.gif』までのタグを使って下さいね!
画像の倉庫からコピーしたタグは、
画像の大きさを指定する『width~』等も含んでいます。

今日はココまで×××(^^ゞ



© Rakuten Group, Inc.
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: