css ile ilgili merak ettiğim bir kod

08-11-2020, 18:41:36

Kimlik doğrulama veya yönetimden onay bekliyor.

hepinize merhabalar css de takıldığım bir nokta var ve bir türlü o kodu bulamadım htmlde'ki ul'nin soldaki noktası yani fotoğrafta da gördüğünüz gibi:

css de buraya resim koyma kodu nedir acaba?

08-11-2020, 18:44:42

#2

salimsevindik

ul > li  {
list-style-type:none;
position:relative;
}
ul > li:before {
content:'';
position:absolute;
left:-10px;
width:20px;
height:20px;
background-image:url(images/icon.png);
background-repeat:no-repeat;
}

Yukarıdaki kod ile bu noktaları kaldırabilirsiniz. Daha sonrasında :before ile istediğini bir şeyi oraya koyabilirsiniz.

08-11-2020, 18:47:56

#3

TitanyumTR

eyw hocam sağolun

08-11-2020, 18:54:18

#4

Misafir

Daha detaylı bakmak isterseniz : Link Link2 Link3

bemonth bunu beğendi.

1 kişi bunu beğendi.

08-11-2020, 18:54:48

#5

thealiyasar

<ul>
    <li>HTML</li>
    <li>HTML</li>
    <li>HTML</li>
    <li>HTML</li>
    <li>HTML</li>
    <li>HTML</li>
    <li>HTML</li>
</ul>

 
ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
ul li {
 position:relative;
 padding-left:25px;
 margin-bottom:15px
}
ul li:before {
 position:absolute;
 content:'';
 width:20px;
 height:20px;
 left:0;
 top:0;
 background:url(https://icons.iconarchive.com/icons/paomedia/small-n-flat/256/sign-check-icon.png) no-repeat center;
 background-size:20px 20px
}