כיצד למתוח את רקע האתר

תוכן עניינים:

כיצד למתוח את רקע האתר
כיצד למתוח את רקע האתר

וִידֵאוֹ: כיצד למתוח את רקע האתר

וִידֵאוֹ: כיצד למתוח את רקע האתר
וִידֵאוֹ: HTML How To Make Background Image Fit Screen 2024, מאי
Anonim

שפת הסימון HTML מאפשרת למעצב אתרים להשתמש בכל תמונה כתמונת רקע. עם זאת, בשפה עצמה חסרים פקדים מובנים לתמונות רקע. כוונון עדין יותר נעשה באמצעות גליונות סגנון CSS מדורגים.

כיצד למתוח את רקע האתר
כיצד למתוח את רקע האתר

הוראות

שלב 1

כדי להפוך את הרקע למתוח לכל רוחב הדפדפן, עליך להשתמש בפרמטר z-index ב- CSS שלך. זה מאפשר לך לקבוע את סדר האלמנטים שאתה יוצר. ככל שערך המאפיין הזה גבוה יותר, כך החסימה תהיה גבוהה יותר בדף.

שלב 2

צור מסמכים חדשים בפורמט html ו- css (לחצן העכבר הימני - "חדש" - "קובץ טקסט") ופתח אותם באמצעות כל עורך טקסט.

שלב 3

הניחו את תמונת הרקע על השכבה התחתונה. זה יימתח בהתאם לרזולוציית המסך. בחלקו העליון ימצא אלמנט נוסף עליו יוצג תוכן העמוד. לשם כך, צור שני בלוקים. בקובץ css כתוב:.1 שכבה {z-index: 1; רוחב: 100% גובה: 100% position: מוחלט;}. 2 שכבה {Position: מוחלט; z-index: 2; } פרמטר המיקום: מוחלט מאפשר לך להגדיר מיקום מוחלט, כלומר השכבה תוצב ללא תלות באלמנטים אחרים.

שלב 4

כלול את קוד ה- CSS שנוצר בקובץ ה- HTML באמצעות תג הקישור: רקע העמוד

שלב 5

צור שכבה חדשה. באמצעות התג

הניחו עליו תמונה. לדוגמא: תוכן העמוד עבור img, רק פרמטר הרוחב מצוין, מכיוון שאם תציין גובה נוסף, בחלק מהדפדפנים יופיע עיוות תמונה.

שלב 6

שמור את השינויים שלך. כדי לבדוק את הקוד שלך, הגדל את הדף בחלון הדפדפן שלך. יש להגדיל גם את תמונת הרקע.

מוּמלָץ: