リンクリスト/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"><a href="ページURL1">項目１</a>
<li type="disc"><a href="ページURL2">項目２</a>
<li type="disc"><a href="ページURL3">項目３</a>
<li type="disc"><a href="ページURL4">項目４</a>
<li type="disc"><a href="ページURL5">項目５</a>
</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"><a href="ページURL1">項目１</a>
<li type="disc"><a href="ページURL2">項目２</a>
<li type="disc"><a href="ページURL3">項目３</a>
<li type="disc"><a href="ページURL4">項目４</a>
<li type="disc"><a href="ページURL5">項目５</a>
</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"><a href="ページURL1">項目１</a>
<li type="disc"><a href="ページURL2">項目２</a>
<li type="disc"><a href="ページURL3">項目３</a>
<li type="disc"><a href="ページURL4">項目４</a>
<li type="disc"><a href="ページURL5">項目５</a>
</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"><a href="ページURL1">項目１</a>
<li type="disc"><a href="ページURL2">項目２</a>
<li type="disc"><a href="ページURL3">項目３</a>
<li type="disc"><a href="ページURL4">項目４</a>
<li type="disc"><a href="ページURL5">項目５</a>
</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"><a href="ページURL1">項目１</a>
<li type="disc"><a href="ページURL2">項目２</a>
<li type="disc"><a href="ページURL3">項目３</a>
<li type="disc"><a href="ページURL4">項目４</a>
<li type="disc"><a href="ページURL5">項目５</a>
</ul></div>