Tahun baru, skill baru! 🚀. Masukkan kupon "skill2025" untuk diskon 30% di kelas apa saja

cara menghilangkan garis bawah (underline) pada tulisan link halaman (<a>) hasil output dari css

  <a button href="HillyHtml.html" class="btn beranda">Beranda</a>
  <a button href="new.html" class="btn new">Donate</a>
  <a button href="masukan.html" class="btn masukan">Masukan</a>

dan di file css saya beri

  .btn {
    border: none;
    color: white;
    padding: 14px 28px;
    font-size: 16px;
    cursor: pointer;
}
.beranda {background-color: #4dd2ff}
.beranda:hover {background-color: #33ccff;}

.new {background-color:  #ff3333;}
.new:hover {background: #ff1a1a;}

.masukan {background-color: #99ffbb;}
.masukan:hover {background: #80ffaa;}

sehingga jadi seperti ini

nah biar garis bawah hilang bagaimana tuh ?

note: saya pakai <!DOCTYPE html> dibagian head juga saya pakai <meta charset="UTF-8">

avatar HillyProgramer
@HillyProgramer

5 Kontribusi 0 Poin

Diperbarui 6 tahun yang lalu

1 Jawaban:


.btn {
  text-decoration: none;
}

avatar iamfreestyler
@iamfreestyler

341 Kontribusi 57 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban