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

[PR]

×

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

商品ページで、文字の後ろに色を付ける

こんにちは、toshihiroです。

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

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

ここまでで、文字の大きさと文字に色が付けられることは、理解して頂けたでしょうか?
これで、ずいぶんと見た目が変わってきたのではないかと思います。
例えば、一部分をハイライトするとすごく目立ちます!

超できすぎくんを使いこなそう!

こんな表現が出来たらどうでしょう?
きっと見違える商品販売ページになること間違いなしです。




これは、意外と簡単です。

まず、超できすぎくんの部分です。

<span style="font-size:18px;color:#FFFFFF;background-color:#FF0000;">超できすぎくん</span>

それでは、一つ一つ見てみましょう。
spanは、複数のスタイルを指定するときに使います。
styleは、スタイルシートの指定です。
font-size:18px;は、文字のサイズを18pxにします。
color:#FFFFFF;は、文字の色を白にします。
background-color:#FF0000;は、背景の色を赤にします。

次の、を使いこなそう!の部分です。

<span style="color:#0000FF;font-weight:900;">を使いこなそう!</span>

こちらも、ひとつづつ見てみましょう。
color:#0000FF;は、文字の色を青にします。
font-weight:900;は、文字をボールドします。

たったこれだけでずいぶんと変わります。

次回は、色々な文字飾り方法です。

拍手[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