עיצוב פריטי רשימה
שיעור 11 מתוך 12 בקורס סרגל ניווט תחתון – פרויקט HTML/CSS של Coddy.
נוסיף עיצוב לפריטי רשימה; כך תוכלו להתאים את הסמלים כראוי.
אתגר
קלכוונו לפריטי הרשימה ממחלקת הניווט ומהרשימה הלא־מסודרת .navigation ul li:
- הגדירו את הגובה והרוחב ל־
35pxואת השוליים ל־1rem. - הגדירו את המרווח הפנימי ל־
0 1rem. - הגדירו את הצבע לכל צבע שתרצו! (מומלץ:
white) - הגדירו את border-radius ל־
50%. - הגדירו את display ל־
flex, ואת align-items ואת justify-content ל־center. הוסיפו את העיצוב הבא:
cursor: pointer; transition: all 0.2s linear;
נסו בעצמכם
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- כתבו כאן קוד HTML -->
<script src="script.js"></script>
</body>
</html>כל השיעורים ביחידה סרגל ניווט תחתון – פרויקט HTML/CSS
תרגלו בעצמכם: Web אונליין