箇条書きのマークを変える

上部
スタイルシートを使って箇条書きのマークを変える方法について説明していくよ。

箇条書きのマークを変えるには「list-style-type」を使うんだよ。

マーク付き箇条書きのマークを変える

上部
例えば、マーク付き箇条書きのマークを白丸に変えたい場合、スタイルシートに次のように書こう。

ul{list-style-type:circle;}


なるほどー。

上部
マークを四角に変えたい場合は、 circle の部分を square にしよう。

番号付き箇条書きのマークを変える

上部
例えば、番号付き箇条書きのマークをアルファベットに変えたい場合、スタイルシートに次のように書こう。

ol{list-style-type:upper-alpha;}

アルファベットの小文字にする場合は lower-alpha を使おう。

箇条書きのマークを消す

上部
箇条書きのマークをつけたくない場合は、スタイルシートに次のように書こう。

ul{list-style-type:none;}


はい。わかりましたー。

SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送