Çözüldü CSS'de giriş yap butonu nasıl değiştirilir?

Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.
5

566156

Kilopat
Katılım
22 Temmuz 2022
Mesajlar
5.909
Makaleler
19
Çözümler
70
Arkadaşlar projemi geliştiriyorum da giriş yap butonu yaptım bir tane, ama istediğim gibi olmadı. Şöyle bir şey istiyorum:

1701876121314.png


Aynısı değil tabii ama basınca çalışsın bana o yeterli. Şu an böyle bendeki.

1701876160918.png


Bayağı kötü duruyor, istediğimi yapamadım. Kısacası beyaz kısım olsun istemiyorum. Ama basınca çalışacak. Gerisini ben hallederim.
 
Çözüm
H
HTML: 
<button class="login-btn">Login</button>


CSS: 
.login-btn{
  background-color: #205ccc;
  color: white;
  font-weight: bold;
  padding: 10px 30px;
  border: none;
  border-radius: 5px
}

Sonuç : Adsız.png
Tarihe göre sırala Puana göre sırala
HTML: 
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
#buton{
background-color: #1859c9;
color: white;
border-style: none;
border-radius: 3px;
font-family: arial;
width: 80px;
font-size: 13px;
height: 40px;
font-family: montserrat;
}
/* opsiyonel animasyon */
#buton:hover{
animation: efekt 0.1s linear forwards;
}
@keyframes efekt{
0%{
background-color: #1859c9
}
100%{
background-color: #2a56a3;
}
}
</style>
</head>
<body>
<button id="buton">Giriş Yap</button>
</body>
</html>
İsterseniz font-size width height gibi özellikleri değiştirebilirsiniz.
 
Artı 0 Eksi
Teşekkür ederim.

Arkadaşlar tekrardan yazdığınız için teşekkürler bir şey yapabildim ama bir türlü silemiyorum halen.

1701948106391.png


Olmuyor ya, çok sinirim bozuldu.
 
Son düzenleme:
Artı 0 Eksi
HTML: 
<button class="login-btn">Login</button>


CSS: 
.login-btn{
  background-color: #205ccc;
  color: white;
  font-weight: bold;
  padding: 10px 30px;
  border: none;
  border-radius: 5px
}

Sonuç : Adsız.png
 
Artı 0 Eksi
Çözüm
Haydar Dogan dedi:
HTML: 
<button class="login-btn">Login</button>


CSS: 
.login-btn{
  background-color: #205ccc;
  color: white;
  font-weight: bold;
  padding: 10px 30px;
  border: none;
  border-radius: 5px
}

Sonuç : Eki Görüntüle 2044254
Genişletmek için tıkla...
Hocam olmuyor. Gerçekten olmuyor, nerede hata yapıyorum...

566156 dedi:
Hocam olmuyor. Gerçekten olmuyor, nerede hata yapıyorum...
Genişletmek için tıkla...
Hocam çalıştı pardon, class kısmında bir hata yapmışım teşekkür ederim. :)
 
Artı 0 Eksi

Benzer konular

A
  • Çözüldü
Çözüldü  CSS'de sumbit butonu nasıl ortalanır?
Mesaj
3
Görüntüleme
524
dgknbzglu
dgknbzglu
lusiviacravet
  • Çözüldü
Çözüldü  CSS'de font içe aktarılmıyor
2
Mesaj
10
Görüntüleme
459
lusiviacravet
lusiviacravet
Linux Oyunda
  • Soru
HTML/CSS'de kendimi nasıl geliştirebilirim?
Mesaj
5
Görüntüleme
3B
RawShed
RawShed
5
  • Soru
CSS'de margin ve padding ne işe yarıyor?
Mesaj
3
Görüntüleme
221
Kxaan
Kxaan
west00nn
HTML-CSS'de body backgroundun üstünde kalıyor
Mesaj
3
Görüntüleme
155
pottie4r
pottie4r

Yeni konular

Yeni mesajlar

Geri
Yukarı