כיצד לכפות על תחתונה להישאר ברקע באמצעות CSS

שלב 1

פתח כל מסמך HTML באמצעות המחשב הנייד או עורך HTML.

שלב 2

הוסף את אלמנט div הבא לקטע "גוף" של הדף:

טקסט זה נכנס לתחתית

Div זה מכיל טקסט כותרת תחתונה לדוגמה והפניה לקבוצת CSS הנקראת "bottom".

שלב 3

הדבק את הקוד המוצג להלן בקטע "ראש" של המסמך:

.bottom {Position: מוחלט; text-align: center; רוחב: 100%; bottom: 0px; רוחב: 100%; }

זה בכיתה CSS - מחויב על ידי כוחות div div לצוף ברקע של דף האינטרנט. המאפיין התחתון, המוגדר כ- "0px" בדוגמה זו, שומר את ה- div ברקע.

שלב 4

שמור את המסמך שלך, וצפה בו בדפדפן כדי לוודא שהכותרת התחתונה מופיעה בתחתית דף האינטרנט שלך.