Navbar stillendirme
Coddy'nin Alt Gezinti Çubuğu - HTML/CSS Projesi kursunda ders 9 / 12.
Navigasyon çubuğunu stillendirelim!
Görev
Kolay“navigation” sınıfını hedefleyin:
Bir konum ayarlamak için:
a. Konumu (position)
absoluteolarak ayarlayın.b. Alt (bottom) değerini
32pxolarak ayarlayın.c. Kenar yumuşatma (border-radius) değerini
24pxolarak ayarlayın.d. Sol (left) konumu
50%olarak ayarlayın.Aşağıdaki geçiş (transition) stilini ekleyin:
transform: translate(-50%, 0);- Arka plan rengini (background-color) istediğiniz bir renge ayarlayın! (önerilen:
purple)
Kendin dene
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>