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

0

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.

wardrunajpeg wardrunajpeg (1)
2 yıl önce sordu

    Toplam 1 Cevap


    1

    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>   

     

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

      üyelik gerektirir

      Cevap yazabilmek için üye girişi yapmalısınız.

      Eğer uzmanim.net üyesiyseniz giriş yapabilirsiniz: üye girişi yap
      uzmanim.net'e üye olmak çok kolaydır: hemen kayıt ol