How to design a simple listview(like Android) using only html and css(without using bootstrap)

Question

I want to design a Listview like Android using only Html and css without using bootstrap.I tried with Ul and li but in this only bullet is coming.

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

I want like Listview like below image. Can anyone please suggest me how to acheive this.

Answer 1

 ul{ width:200px; background:gray; color:white; list-style-type:none; margin:0; padding:0; } li{ border:2px solid black; padding:5px; } li:last-child{ border-bottom:none; } li:hover{ background:red; color:black; } 

 <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> 

Answer 2

you have to edit your css file like this

ul {
list-style-type: none;
}

so the list won't have bullets.