כיצד לשים רקע באתר

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

כיצד לשים רקע באתר
כיצד לשים רקע באתר

וִידֵאוֹ: כיצד לשים רקע באתר

וִידֵאוֹ: כיצד לשים רקע באתר
וִידֵאוֹ: פקודה בדקה! כיצד מחליפים רקע לתמונה בפוטושופ 2024, מאי
Anonim

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

כיצד לשים רקע באתר
כיצד לשים רקע באתר

נחוץ

עריכת הקובץ style.css

הוראות

שלב 1

רקע מונוכרום. סוג הרקע הפשוט ביותר, פלוס גדול הוא טעינת העמודים המינימלית באמצעות תמונה כזו. אם קובץ הסגנון (style.css) אינו מכיל פקודות שקובעות את צבע הרקע, הדפדפן מציע לבן כברירת מחדל. השתמש בפקודה רקע-צבע כדי לשנות את הצבע. דוגמא לשימוש בפקודה זו: רקע-צבע: # 3366CC.

שלב 2

לבחירת צבע ספציפי, ניתן להשתמש בתוכנה מיוחדת, למשל, בעורך הגרפיקה Adobe Photoshop. אם מעולם לא עבדת איתו, מומלץ להשתמש בשירותי אינטרנט. דוגמה בולטת היא מנוע החיפוש "Yandex", עבור לקישור הבא https://yandex.ru והזן את הביטוי "צבע כחול". טבלת צבעים תופיע לפניכם, בה תוכלו לבחור כל אחד לטעמכם, להעתיק את הקוד ולהדביק אותו בקוד האתר.

שלב 3

מרקם רקע. בנוסף לצבע הרקע, אתה יכול להוסיף תמונה או דפוס חוזר מחזורית (מרקם) לכל עמוד באתר שלך. לשם כך, לאחר הזנת צבע הרקע, כתוב את פקודת תמונת הרקע, למשל תמונת רקע: url (img / uzor.png). יש לציין את הנתיב לקובץ בתוך הסוגריים. ראוי לציין כי רזולוציית המרקם יכולה להתחיל מהקטנה ביותר (16x16) ולהסתיים בתמונות בגודל מלא לגודל דפי האתר (800x600 ויותר).

שלב 4

רקע באמצעות מעבר צבע. במקרה זה, אתה משתמש בצבע הרקע שהוגדר באמצעות הפקודה רקע-צבע, אך יוצר מעבר צבע. השיפוע יכול להיות אופקי (x) ואנכי (y). לרוב, נעשה שימוש במיקום אופקי כשיפוע הרקע, כך שהקו עם השיפוע ייראה כך: רקע-חזור: חזור- x.

מוּמלָץ: