リストのマークを変更したい
list-style-type:★ (★…disc、circle、square、none)
■値の指定方法
disc…●(黒丸)
circle…○(白丸)
square…■(四角)
none…マークなし
disc…●(黒丸)
circle…○(白丸)
square…■(四角)
none…マークなし
【css Source】
@charset "utf-8";
/* CSS Document */
#sample1{
list-style-type:none;
}
#sample2{
list-style-type:disc;
}
#sample3{
list-style-type:circle;
}
#sample4{
list-style-type:square;
}
【html Source】
<body>
<ul id="sample1">
<li>クレジットカード決済</li>
<li>銀行振込</li>
<li>郵便振替</li>
</ul>
<ul>
<li id="sample2">クレジットカード決済</li>
<li id="sample3">銀行振込</li>
<li id="sample4">郵便振替</li>
</ul>
<script><!--
var fc2footerparam = 'charset=' + encodeURIComponent(document.charset ? document.charset : document.characterSet) + '&url=' + encodeURIComponent(document.location) + '&service=0&r=' + Math.floor(Math.random()*99999999999);
var fc2footertag = "//vip.chps-api.fc2.com/apis/footer/?" + fc2footerparam;
var script = document.createElement('script');
script.src = fc2footertag;
script.charset = "UTF-8";
script.async = true;
document.getElementsByTagName('head')[0].appendChild(script);
//--></script>
<!-- FC2, inc.-->
<img src="//media.fc2.com/counter_img.php?id=50" style="visibility:hidden" alt="inserted by FC2 system" width="0" height="0">
<!-- FC2, inc.--></body>
| -Internet Explorer- | -Firefox- |
|---|---|
 |
 |
©2012 -takikawa,haebaru,hasegawa,ohura-