アメブロでホームページ制作カスタマイズで集客UP|エムプロウェーブ -20ページ目

アメブロでホームページ制作カスタマイズで集客UP|エムプロウェーブ

アメブロでホームページを作ったらこんな感じ。第一印象が大切なホームページ。アメブロを素敵にカスタマイズします。簡単なホームページから本格的なホームページまで格安に幅広くご相談に応じます。

箇条書きも表現をする上で便利な記述方法です。
これもこのエディタでは表現できないので、CSSを編集する必要があります。
CSSを編集することで様々な表現が可能になります。色を買えたり、リストマーカーに画像を使ったり。

ただ、リストマーカーに画像を使うには、5枚しか使えない画像を使う必要があります。

CSSでもたくさんのリストマーカーが定義できるので基本的にそれで事たります。

アメブロの記事で何もスタイルを記述せずに ul liを使用すると。●で表現されます。

html
<ul><li>テスト</li><li>テスト2</li></ul>

  • テスト
  • テスト2



リストマーカーを 数値で
html
<ul class="decilist"><li>テスト</li><li>テスト2</li></ul>

  • テスト
  • テスト2

cssコード
.skinArticleBody ul.decilist {list-style-type: decimal; }




リストマーカーを ■で
html
<ul class="squlist"><li>テスト</li><li>テスト2</li></ul>

  • テスト
  • テスト2

cssコード
..skinArticleBody ul.squlist {list-style-type: square; }


list-style-typeのコードを変えることでいろいろ変更できます。

none マーカーを表示しない

disc 黒丸

circle 白丸

square 四角

decimal 数字

upper-alpha 大文字アルファベット

lower-alpha 小文字アルファベット

upper-roman 大文字ローマ数字

lower-roman 小文字ローマ数字

decimal-leading-zero 2桁の数字

lower-greek 小文字ギリシャ文字

upper-latin 大文字ラテン文字

lower-latin 小文字ラテン文字

hebrew ヘブライ数字

armenian アルメニア数字

georgian グルジア数字

cjk-ideographic 漢数字

hiragana ひらがな

katakana カタカナ

hiragana-iroha いろは

katakana-iroha イロハ