忍者ブログ
moshimoさんのショップ(ホームページ)作成ツール超できすぎくんの便利な使い方をここに記載していきます。
[12]  [11]  [10]  [9]  [8]  [7]  [6]  [5]  [4]  [3]  [2

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

色々な文字飾り方法

こんにちは、toshihiroです。

moshimoさんのショップ(ホームページ)作成ツール超できすぎくんの便利な使い方をここに記載していきます。

超できすぎくんを使うと初心者でもホームページ作成のABCを知らなくてもショップが作れます。

文字を大きくしたり、小さくしたり、文字に色を付けたり、文字の背景の色を変えたりを今まで説明してきました。

もっと、文字に色々な飾り付けを出来たら、幅広い表現が出来るようになります。
アンダーラインや取消線、強調文字や斜体、フォントの変更を今回解説していきます。

超できすぎくんを使いこなそう!
メーカー希望小売価格:¥12,000 →  25%OFF  ¥9,000



上の例のhtmlは、次の通りです。

<span style="color:#FF0000;text-decoration:underline;">超できすぎくん</span><span style=""MS ゴシック",Osaka-等幅;">を使いこなそう!<:/span>
<strong>メーカー希望小売価格:</strong><span style="text-decoration:line-through;">¥12,000</span><span style="font-weight:900;font-size:18px;"> → </span><span style="font-size:25px;color:#FF0000;"> 25%OFF  </span><span style="font-size:25px;font-weight:900;font-style:italic;">¥9,000</span>

アンダーラインを引くのは、text-decoration:underlineを使います。
フォントを変えるのは、font-familyを使います。
強調文字は、strongまたはfont-weight:900(font-weight:bold)を使います。
取消線はtext-decoraion:line-throughを使います。

次回は、リンクのはり方です。

拍手[0回]

PR

お名前
タイトル
文字色
URL
コメント
パスワード   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
非公開コメント
この記事にトラックバックする:
カレンダー
09 2017/10 11
S M T W T F S
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
フリーエリア

超できすぎ君を使いこなしているショップです。
とても参考になる素敵なショップです。
私のブログと合わせてご参考にしてください。



最新トラックバック
プロフィール
HN:
toshihiro
性別:
男性
バーコード
ブログ内検索
アクセス解析
カウンター

忍者ブログ [PR]

graphics by アンの小箱 * designed by Anne