Merhaba arkadaşlar. Kişisel bir blogum var, blogger'dan kurdum. İstiyorum ki sitedeki tüm butonlarımın mesela: rengi yeşil, kenarlari sivri degil yumusak radius, içinde yazan yazı fontu Rubik, font buyuklugu 14 punto, buton içindeki yazidan itibaren kenarlarda 20 px bosluk, üstüne gelince mavi, tıklayınca sarı olsun mesela.
Css kodunda birkaç tanesini yapabiliyorum ama mesela butonun icindeki yazidan itibaren bosluk vermeyi falan bilmiyorum. Yardim edebilecek var mi aranizda?
CSS ile Buton Yapmak
4
●114
- 09-02-2023, 17:14:57button {
background-color: green;
border-radius: 20px;
font-family: 'Rubik', sans-serif;
font-size: 14pt;
padding: 20px;
color: white;
transition: all 0.2s;
}
button:hover {
background-color: blue;
}
button:active {
background-color: yellow;
}
Bu kodu sitenizin HTML dosyasının <head> bölümünde <style> etiketleri arasına yapıştırabilirsiniz veya sitenizin ayarlarından "Ek Olarak CSS" seçeneğine ekleyebilirsiniz. Chatgpt - 09-02-2023, 17:19:34Deneyeceğim hocam çok teşekkür ederim, vakit ayırdınız.mavikorku adlı üyeden alıntı: mesajı görüntüle
- 09-02-2023, 18:01:14buttonun arka planına renk verdiğinizi düşünün
padding verirseniz arkasına verdiğiniz renk büyür ve yazı ile buttonda ki köşelerin arası açılır
margin verirseniz button kendi içerisinde değilde sayfa içerisinde sağla sola gitmeye başlar
aşyağıda ki kodun piksel değerlerini ayarlayarak köşelerin sivriliğiyle oynayabilirsiniz
border-radius: 10px;