シンプルリスト/HTMLタグ素材集

シンプルリスト

管理人お勧めのポイントを本当に現金に出来たサイト＆アプリ
モッピー	トリマ

シンプルリスト

リンクリスト

装飾リスト

シンプルリスト１(枠無し)

項目１
項目２
項目３
項目４
項目５

[font-size:14px;]は文字の大きさ、数字の大小で文字の大きさを変えられます
[width="230"]は横の範囲の長さ、数字を増やすと横に長くなります
[color:#009500;]の#009500のカラーコードを変更すると文字の色を変えられます
[background-color:#ffffff;]の#ffffffのカラーコードを変更すると背景の色を変えられます
[li type="記号の種類"]は[disc(塗りつぶし円)][circle(中抜き円)][square(塗りつぶし四角)]

<div style="font-size:14px;color:#009500;
width:230;border:none;background-color:#ffffff;padding:10px;margin:auto;">
<ul style="margin:0px 0px 0px 15px;text-align:left;">
<li type="disc">項目１
<li type="disc">項目２
<li type="disc">項目３
<li type="disc">項目４
<li type="disc">項目５
</ul></div>

シンプルリスト２(実線枠)

項目１
項目２
項目３
項目４
項目５

[font-size:14px;]は文字の大きさ、数字の大小で文字の大きさを変えられます
[width="230"]は横の範囲の長さ、数字を増やすと横に長くなります
[color:#009500;]の#009500のカラーコードを変更すると文字の色を変えられます
[border:2px solid #009500;]のカラーコードも↑同様で枠線の色を変えられます
　　　　↑[2px]は枠線の太さ、数字が大きいほど枠線が太くなります
[background-color:#ffffff;]の#ffffffのカラーコードを変更すると背景の色を変えられます
[li type="記号の種類"]は[disc(塗りつぶし円)][circle(中抜き円)][square(塗りつぶし四角)]

<div style="font-size:14px;color:#009500;
width:230;border:2px solid #009500;background-color:#ffffff;padding:10px;margin:auto;">
<ul style="margin:0px 0px 0px 15px;text-align:left;">
<li type="disc">項目１
<li type="disc">項目２
<li type="disc">項目３
<li type="disc">項目４
<li type="disc">項目５
</ul></div>

シンプルリスト３(破線枠)

項目１
項目２
項目３
項目４
項目５

[font-size:14px;]は文字の大きさ、数字の大小で文字の大きさを変えられます
[width="230"]は横の範囲の長さ、数字を増やすと横に長くなります
[color:#009500;]の#009500のカラーコードを変更すると文字の色を変えられます
[border:2px solid #009500;]のカラーコードも↑同様で枠線の色を変えられます
　　　　↑[2px]は枠線の太さ、数字が大きいほど枠線が太くなります
[background-color:#ffffff;]の#ffffffのカラーコードを変更すると背景の色を変えられます
[li type="記号の種類"]は[disc(塗りつぶし円)][circle(中抜き円)][square(塗りつぶし四角)]

<div style="font-size:14px;color:#009500;
width:230;border:2px dashed #009500;background-color:#ffffff;padding:10px;margin:auto;">
<ul style="margin:0px 0px 0px 15px;text-align:left;">
<li type="disc">項目１
<li type="disc">項目２
<li type="disc">項目３
<li type="disc">項目４
<li type="disc">項目５
</ul></div>

シンプルリスト４(点線枠)

項目１
項目２
項目３
項目４
項目５

[font-size:14px;]は文字の大きさ、数字の大小で文字の大きさを変えられます
[width="230"]は横の範囲の長さ、数字を増やすと横に長くなります
[color:#009500;]の#009500のカラーコードを変更すると文字の色を変えられます
[border:2px solid #009500;]のカラーコードも↑同様で枠線の色を変えられます
　　　　↑[2px]は枠線の太さ、数字が大きいほど枠線が太くなります
[background-color:#ffffff;]の#ffffffのカラーコードを変更すると背景の色を変えられます
[li type="記号の種類"]は[disc(塗りつぶし円)][circle(中抜き円)][square(塗りつぶし四角)]

<div style="font-size:14px;color:#009500;
width:230;border:2px dotted #009500;background-color:#ffffff;padding:10px;margin:auto;">
<ul style="margin:0px 0px 0px 15px;text-align:left;">
<li type="disc">項目１
<li type="disc">項目２
<li type="disc">項目３
<li type="disc">項目４
<li type="disc">項目５
</ul></div>

シンプルリスト５(二重枠)

項目１
項目２
項目３
項目４
項目５

[font-size:14px;]は文字の大きさ、数字の大小で文字の大きさを変えられます
[width="230"]は横の範囲の長さ、数字を増やすと横に長くなります
[color:#009500;]の#009500のカラーコードを変更すると文字の色を変えられます
[border:2px solid #009500;]のカラーコードも↑同様で枠線の色を変えられます
　　　　↑[2px]は枠線の太さ、数字が大きいほど枠線が太くなります
[background-color:#ffffff;]の#ffffffのカラーコードを変更すると背景の色を変えられます
[li type="記号の種類"]は[disc(塗りつぶし円)][circle(中抜き円)][square(塗りつぶし四角)]

<div style="font-size:14px;color:#009500;
width:230;border:3px double #009500;background-color:#ffffff;padding:10px;margin:auto;">
<ul style="margin:0px 0px 0px 15px;text-align:left;">
<li type="disc">項目１
<li type="disc">項目２
<li type="disc">項目３
<li type="disc">項目４
<li type="disc">項目５
</ul></div>

ページトップへ

文章の無断転載・タグサンプルの再配布を禁止します。
Copyright © 2005-2006 hide. All Rights Reserved.
全ページリンクフリーです。