HTML Kodları ile resmi alt kısımda gösterme nasıl yapılır?

wardrunajpeg (1) 2 yıl önce sordu

Arkadaşlar merhaba.HTML kodlarını kullanarak seçtiğim resimleri sağa, sola olarak kaydırabiliyorum ancak bir türlü aşağı kısma kaydıramıyorum ve internet üzerinden de yeterli bir bilgi bulamadım.Bu konuda yardımcı olabilir misiniz ?Şimdiden teşekkür ederim.

Toplam 1 cevap


alattin (17127) 2 yıl önce cevapladı

HTML ve CSS birlikte kullanarak yapabilirsin. Aşağıdaki örnekte 600px X 600px bir kutu oluşturdum ve içine resmi ekledim. Flexbox ile resmi en alta çektim. Dilersen  CSS koduna justify-content: center; ekleyerek resmi ortalayabilirsin de.

<!DOCTYPE html>
<html>
<head>
<title>Sayfa Başlığı</title>
<style>
   .tasiyici {
    height: 600px;
    width: 600px;
    display: flex;
    align-items: flex-end;
    border:1px solid #000;
}
</style>
</head>
<body>

<div class="tasiyici">
    <img src="https://uzmanim.net/images/logo2.png"/>
</div>

</body>
</html>