CSSで<li>要素からから「・」をとる方法

こんにちは、さるまりんです。

HTMLの<ul>のリストの要素<li>の前には「・」がつきます。
これを取る方法を残しておきます。

HTML部分はこんな感じです。

<ul>
  <li>まぐろ</li>
  <li>はまち</li>
  <li>えび</li>
  <li>いか</li>
  <li>たまご</li>
</ul>

こんな風に表示されます。

これから「・」をとるにはCSSでこんな指定をします。

ul{
  padding-left:0;
}
li{
  list-style:none;
}

「・」がなくなりその分が詰まってこんな風に表示されます。

とってもシンプルですね。
簡単なことなのですが、全然覚えられないので、ここに残しておきます。
あと何回ここに帰ってきたら覚えられるかな。
頑張ります。

読んでくださってありがとうございました。

それではまた!