リスト（ul）の点（・）を消すには？－HTML5/CSS3逆引きTips集

[スポンサードリンク]

[目次]この記事のコンテンツ一覧

邪魔なリストの［・］を消すCSSの設定方法？

<ul><li>タグで、点を消すには、list-styleの値をnoneに設定します。

ul {
    list-style: none;
}

ul {

list-style: none;

}

/* CSSファイル側の記述 */

ul.hoge {
    list-style: none;
}

<!----- HTML側の記述 ----->

<ul class="hoge">
    <li>テキスト</li>
</ul>

/* CSSファイル側の記述 */

ul.hoge {

list-style: none;

}

</ul>

html内で点を非表示にするには<ul>要素内でstyle属性を用いてlist-style:noneを設定します。

<ul style="list-style:none">
    <li>テキスト</li>
</ul>

</ul>