CSSにliタグで点を非表示にする三つ方法

2016年8月7日

方法1
<ul>
<li style="list-style-type:none;">facebook</li>
<li style="list-style-type:none;">yahoo</li>
<li style="list-style-type:none;">line</li>
<li style="list-style-type:none;">google</li>
</ul>

方法2
<style>
li {
list-style-type:none;
}
</style>
<ul>
<li>facebook</li>
<li>yahoo</li>
<li>line</li>
<li>google</li>
</ul>

方法3
<style>
.li_style {
list-style-type:none;
}
</style>
<ul>
<li class="li_style">facebook</li>
<li class="li_style">yahoo</li>
<li class="li_style">line</li>
<li class="li_style">google</li>
</ul>