Boyutlar

Coddy'nin CSS Projesi - Şık Buton kursunda ders 3 / 8.

Düğmenin boyutlarıyla oynayarak başlayalım.

Bir düğmenin width veya height değerini değiştirirseniz, bu metnin ortada olmamasına neden olabilir; padding ile oynamak daha iyi bir uygulamadır.

Görev

Kolay

Görevler:

Buton metninin yazı tipi boyutunu istediğiniz herhangi bir değere ayarlayın, ancak varsayılan boyuttan (14px) farklı olsun
Dikey dolguyu 8px ve yatay dolguyu 16px olarak ayarlayın
İstediğiniz bir kenar boşluğu (margin) ayarlayın

Butonunuzu seçmek ve stil vermek için styles.css dosyasını kullanın

Kendin dene

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
    </body>
</html>

CSS Projesi - Şık Buton bölümündeki tüm dersler

1Giriş

Giriş HTML bölümü

2CSS Projesi

Boyutlar