CSS editlenmesine rağmen etki etmiyor

ArmlessHere

Hectopat
Katılım
28 Ocak 2021
Mesajlar
388
Çözümler
4
Yer
Aydın Kuşadası, Türkiye
Daha fazla  
Sistem Özellikleri
AMD Ryzen™ 5 3600 3.6ghz (Turbo 4.2ghz) 6 Core 12 Threads 35MB Cache
AMD SAPPHIRE NITRO+ RX 5700 XT 8G GDDR6
Asrock A520M-HDV AMD AM4 DDR4 Micro ATX
MLD M300 500GB NVME 2280 Gen3 M.2 SSD
Seagate Barracuda 1TB 3.5" 7200RPM 64MB Cache
Cinsiyet
Erkek
Meslek
Öğrenci - (Yazılım Öğreniyor.)
HTML:
<a href="https://www.r10.net/profil/186621-mfevzidemir.html" target="_blank"><img class="r10png" src="images/r10net.png"/></a>

Böyle bir HTML kod yazdım.

CSS:
.r10png {
 margin-left: 1000px;
 border-top-right-radius: 16px;
 border-bottom-left-radius: 16px;
 border-top-left-radius: 16px;
 border-bottom-right-radius: 16px;
}

CSS böyle yazdım.

Görseldeki gibi çıkması lazım ama öyle olmuyor margin ile yerini ayarladım çalışmıyor border-radiuslar çalışmıyor.

İsterseniz deneyin. mfevzidemir.com.tr
 

Dosya Ekleri

  • asdfsdfasdfg.PNG
    asdfsdfasdfg.PNG
    21,4 KB · Görüntüleme: 67
Son düzenleme:
CSS:
.r10png img {
  margin-left: 1000px;
  border-radius: 16px;
}

Bütün cornerlar aynı ise ayrı ayrı belirtmene gerek yok, ayrıca image tagi vermen lazım.
 
CSS:
.r10png img {
 margin-left: 1000px;
 border-radius: 16px;
}

Bütün cornerlar aynı ise ayrı ayrı belirtmene gerek yok, ayrıca image tagi vermen lazım.

Örnek atar mısınız hocam.
 
CSS:
.r10png img {
 margin-left: 1000px;
 border-radius: 16px;
}

Bütün cornerlar aynı ise ayrı ayrı belirtmene gerek yok, ayrıca image tagi vermen lazım.

Hocam dediğiniz image tagını verdim ama Visual Studio Code içinde denedim resim hatalı yerde görünüyor.


Hocam bendeki hata. Sitede o resimin class değeri CSS çekmiyor. Ama Visual Studio Code içinde çekiyor.
 

Dosya Ekleri

  • visual studio code.PNG
    visual studio code.PNG
    95,2 KB · Görüntüleme: 53

Technopat Haberler

Yeni konular

Yeni mesajlar

Geri
Yukarı