Penataan navbar

Pelajaran 9 dari 12 dalam kursus Bilah Navigasi Bawah: Proyek HTML/CSS di Coddy.

Mari kita atur gaya bilah navigasi!

Tantangan

Mudah

Targetkan class “navigation”:

Untuk mengatur posisi:
a. Atur posisi menjadi absolute.
b. Atur bottom menjadi 32px.
c. Atur border-radius menjadi 24px.
d. Atur posisi left menjadi 50%.
Tambahkan styling transisi berikut:
```
transform: translate(-50%, 0);
```
Atur background-color sesuai keinginanmu! (disarankan: purple)

Coba sendiri

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Tulis kode HTML di sini -->
        <script src="script.js"></script>
    </body>
</html>

Semua pelajaran di Bilah Navigasi Bawah: Proyek HTML/CSS

1Bilah Navigasi

Menyiapkan Kode main-container

Bilah Navigasi

list tak berurutan dan judul

2Gaya

Penataan navbar Pelajaran proyek

Penataan daftar tak berurutan

Penataan item daftar

Animasi ikon saat diarahkan

Latihan sendiri: Playground Web