FC2ブログ
12.03
Fri
「ul」タグを使ってリストに独自の画像を指定する事ができます。
画像のURLは青い部分

(例)入力ソース
<ul style="list-style:url(http://livedoor.blogimg.jp/lemoncake777/imgs/4/d/4da27597.gif);">
<li>
リスト1</li>
<li>
リスト2</li>
<li>
リスト3</li>
</ul>

(表示結果)
  • リスト1
  • リスト2
  • リスト3

画像とリストの間に余白を入れる方法

<ul style="list-style:url(http://livedoor.blogimg.jp/lemoncake777/imgs/4/d/4da27597.gif);">
<li style="padding-left:30px;">
リスト1</li>
<li style="padding-left:30px;">
リスト2</li>
<li style="padding-left:30px;">
リスト3</li>
</ul>

(表示結果)

  • リスト1
  • リスト2
  • リスト3

関連記事
スポンサーサイト




comment 0 trackback 0
トラックバックURL
http://oyedihawakisi.blog37.fc2.com/tb.php/1720-acb17de4
トラックバック
コメント
管理者にだけ表示を許可する
 

 New Favorite blog Entries 最新記事 33サイト掲載中

back-to-top