・初めに
・今回は箇条書きで使用されるリストマークを消すために使用される
”list-style:none;”について自分がうまく出来なかったことと、
どうすればうまくリストマークを消すことができるか書いていきます。
・目標物
リストマークを消して右のような状態に持っていきます。
htmlのコードは以下になります。
・CSSを修正していく
<修正前のコード>
・CSS
ul要素とli要素の親要素である<div class="header-list">にlist-styleプロパティを
用いてもリストマークは消えない。
<修正後>
・CSS
または
であればリストマークが消える。
リストマークを構成するul要素のクラスであるlist1やli要素にlist-styleプロパティを
用いることでリストマークが無事消えることが出来ました!!
リストマークに関与する要素にlist-styleプロパティを用いることがポイントでし
た。
また自らのアウトプットのために書いていきます。