箇条書き要素のli要素のリストマークを消す方法について

・初めに

 ・今回は箇条書きで使用されるリストマークを消すために使用される

  ”list-style:none;”について自分がうまく出来なかったことと、

  どうすればうまくリストマークを消すことができるか書いていきます。

 

・目標物 

 


     

リストマークを消して右のような状態に持っていきます。

htmlのコードは以下になります。

 

   

 

CSSを修正していく

 <修正前のコード>

  ・CSS

 

   

   ul要素とli要素の親要素である<div class="header-list">にlist-styleプロパティを 

   用いてもリストマークは消えない。

 <修正後>

  CSS

 

   

  または

 

   

  であればリストマークが消える。

  リストマークを構成するul要素のクラスであるlist1やli要素にlist-styleプロパティを  

  用いることでリストマークが無事消えることが出来ました!!

  リストマークに関与する要素にlist-styleプロパティを用いることがポイントでし

  た。

  また自らのアウトプットのために書いていきます。