השתמש בקוד CSS כדי ליישר רשימות תבליטים ב-HTML.
מעצבי אתרים משתמשים ברשימות תבליטים עבור יותר מאשר רק הוספת תבליטים וטקסט. תג ה-HTML המשמש ליצירת רשימות תבליטים שימושי ליצירת תפריטים או ארגון תמונות לטעינת JavaScript במצגת. לימוד השימוש בקוד גיליון סגנונות מדורג בשילוב עם רשימות תבליטים - הנקראות "רשימות לא מסודרות" בסלנג HTML - יפתח כמה אפשרויות מרגשות לעיצוב אתרים.
שלב 1
פתח את קובץ ה-HTML שלך המכיל את רשימת התבליטים וחפש בין התגים ו לכיוון החלק העליון של הקוד. הוסף תגים אם הם עדיין לא קיימים. אם הקוד שלך כולל א תג איפשהו אחרי התג, וזה מכיל הפניה לקובץ CSS, ואז פתח את הקובץ במקום זאת. קוד ה-CSS שלך עובר בין התגים או בשורה חדשה בקובץ ה-CSS שלך.
סרטון היום
שלב 2
יישר את הטקסט בתוך כל התבליטים על ידי הגדרת "יישור טקסט" עבורך
- תָג. ה
- ו תגים כדי להגדיר אותם כחלק מרשימה אחת. כאשר אתה מיישר טקסט עבור ה
- תג עוטף את
- תג, היישור משפיע על טקסט בכל תבליט אך אינו מיישר את הרשימה עצמה לשמאל או לימין של העמוד. הנה דוגמה לקוד CSS להגדרת "יישור טקסט":
ul {טקסט-align: right;}
שימו לב שהכדורים לא זזים עם הטקסט. הכדורים נשארים משמאל במקרה הזה.
שלב 3
יישר את כל הרשימה לשמאל או לימין של הדף על ידי הגדרת "צף" עבורך
- תָג. כאשר "צף" מוגדר לשמאל או ימינה ב-a
- תג, הוא מעביר את כל רשימת התבליטים שמאלה או ימינה של הדף. הגדר את הציפה כך:
ul {float: right;}
אתה יכול להגדיר "צף" לשמאל או לימין, אבל לא למרכז.
שלב 4
עטוף את שלך
- מתייג ב
ו
תגיות ליצירת עטיפה שתרכז את רשימת התבליטים בדף שלך. הקוד שיתקבל ייראה כך:- פריט רשימה
- פריט רשימה
ה
תג אינו מרכז דבר בפני עצמו; עליך להשתמש ב-CSS כדי לרכז הכל. הוסף את הקוד הבא בין שלך
