Neler Yeni

HTML ve CSS ile ekteki yazıyı nasıl en ortaya alabilirim?

Katılım
27 Eylül 2021
Mesajlar
10
Dahası  
Reaksiyon skoru
2
İsim
cihan cihan
arkadaşlar burada yazıyı nasıl ortaya alabilriim? Kodlar aşağıda, yazı ekte

HTML

<div class="girisyap">
<div class="girisyazi">
<strong style="color: #fff;">
Giriş Yap
</strong>
</div>
</div>


CSS

.girisyap {
width: 300px;
height: 50px;
background: #1877f2;
text-align: center;
border-radius: 5px;
}

#girisyazi {
color: #fff;
display: flex;
}
 

Ekler

  • ĞAAAAAAAAAAAA.png
    ĞAAAAAAAAAAAA.png
    2.7 KB · Hit: 49

ßeta

80+ Bronze
Katılım
1 Eylül 2020
Mesajlar
817
fake insta login page yapmıyorsan bende bir şey bilmiyorum :D

weight
height değerleri ile
 

ikista

80+
Katılım
22 Ocak 2021
Mesajlar
161
En İyi Cevap
2
Dahası  
Reaksiyon skoru
79
İsim
Hakan YILMAZ
İlgilendiği Kategoriler
Programalama Dilleri, Yazılım
Öncelikle CSS'te girisyap önünde '.' olmalı # değil ve sonra girisyap'a padding vererek ortalayabilirsin.
HTML:
<!DOCTYPE html>
<html>
<body>

<div class="girisyap">
    <div class="girisyazi">
        <strong>
            Giriş Yap
        </strong>
    </div>
</div>
</body>
</html>

CSS:
CSS:
.girisyap {
width: 300px;
height: 50px;
background: #1877f2;
text-align: center;
border-radius: 5px;
}

.girisyazi {
padding:5%;
color: #ffff;
}
 
Top Bottom