投稿欄のリストをおしゃれに
はじめに
みなさんは、リストを利用しますか?
私は、要点を箇条書きにする時にリストを使います。
そう、今日のポイントでリストを使っていますね。でもデフォルトだとちょっとおしゃれじゃないですよね。(図1参照)
そこで図2に示すように、ちょっとおしゃれにしました。
ちょっとだけのことなのに、投稿欄が春らしくなりました。
では、始めましょうか。
- リスト1
- リスト2
- リスト3
- リスト1
- リスト2
- リスト3
投稿欄の指定
<li>リスト1</li><li >リスト2</li><li>リスト3</li>
</ul>
CSS編集
ul.flower1{
今日のポイント
- list-style-imageでリストのイメージを指定します。
- 今回はulに対してlist-style-imageを指定しましたが、liに指定するとリストのイメージをいろいろと変えることが出来ます。
- 以下のように指定すると、投稿欄のリスト全てに適応が出来ます。
CSS編集.POST_BODY ul{list-style-image:url(イメージのURLアドレス);}
参考になる記事
難易度:★