עיצוב סרגל הניווט

שיעור 9 מתוך 12 בקורס סרגל ניווט תחתון – פרויקט HTML/CSS של Coddy.

בואו נעצב את סרגל הניווט!

אתגר

קל

מחלקת “navigation” המיועדת:

להגדרת המיקום:
א. הגדר את המיקום ל-absolute.
ב. הגדר את התחתית ל-32px.
ג. הגדר את רדיוס הגבול ל-24px.
ד. הגדר את המיקום משמאל ל-50%.
הוסף את עיצוב המעבר הבא:
```
transform: translate(-50%, 0);
```
הגדר את צבע הרקע לכל צבע שתרצה! (מומלץ: purple)

נסו בעצמכם

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- כתבו כאן קוד HTML -->
        <script src="script.js"></script>
    </body>
</html>