Css Listelere Resim Ekleme

  1. gokhan
    2
    364
    9.10.2018 19:33:00

    css ile listelerime nasıl resim ekleyebilirim , li elementlerimde nokta yerine resim çıkmasını istiyorum , minik icon gibi

    <ul>
      <li>Kalem</li>
      <li>Defter</li>
      <li>Silgi</li>
    </ul>
    
    css 3 yıl önce 707 Görüntüleme

( 1 ) Cevap

  1. beyhude
    1
    193
    9.10.2018 19:37:00

    ul elementine , list-style-image: e resminin url sini vererek yapabilirsin

    <!DOCTYPE html>
    <html>
      <head>
        <style>
          ul {
            list-style-image: url('resim.png');
          }
        </style>
      </head>
      <body>
    
        <ul>
          <li>Kalem</li>
          <li>Defter</li>
          <li>Silgi</li>
        </ul>
    
      </body>
    </html>
    

Cevabınız