הדגשת התפריט הפעיל
חלק מהיחידה שליטה ב-CSS במסלול ה-HTML של Coddy. שיעור 39 מתוך 43.
אתגר
קלניתן תפריט ניווט פשוט עם ארבעה קישורים. המשימה שלך היא להפוך אותו לאינטראקטיבי יותר באמצעות מחלקות מדומות.
כתוב CSS כדי:
- לשנות את צבע הרקע של קישור כאשר המשתמש מרחף מעליו ל־
rgba(50, 168, 82, 1). - לשנות את צבע הטקסט ללבן כאשר לוחצים על הקישור.
נסו בעצמכם
<html>
<head>
<title>Highlight Active Menu</title>
<style>
nav a {
padding: 10px;
text-decoration: none;
color: black;
}
/* Add your styles here */
</style>
</head>
<body>
<nav>
<a href="#">Home</a>
<a href="#">About</a>
<a href="#" class="active">Blog</a>
<a href="#">Contact</a>
</nav>
</body>
</html>
כל השיעורים ביחידה שליטה ב-CSS
3פסאודו־מחלקות מבניות
פסאודו־מחלקות מבניותבחירת הילד הראשוןבחירת הילד האחרוןכוחם של דפוסים: שימוש ב־nth-childאתגר סיכום9אתגרים מסכמים
הדגשת התפריט הפעילשורות מתחלפות בטבלהאפקט ריחוף בכפתורפריסת כרטיסים ברשתתמונת פתיחה מטושטשתתרגלו בעצמכם: Web אונליין