logo

כיצד להוסיף תמונת רקע ב-CSS?

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

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

ה url() הערך של מאפיין זה מאפשר לנו לכלול נתיב קובץ לכל תמונה. זה יציג את הרקע של האלמנט. אנו יכולים להשתמש במספר תמונות או תערובת של מעברי צבע ותמונות עבור הרקע. אם תמונת הרקע נכשלה בטעינתו או אם אנו משתמשים בהדרגות, אך הן אינן נתמכות בדפדפן המתאים, נוכל להשתמש בערך ה-fallback (הערך המשמש כהחלפה) כצבע הרקע של האלמנט.

string.compareto c#

תחביר

 background-image: url(); 

ערכים

url(): זוהי כתובת האתר לתמונה. נוכל להפריד בין כתובות האתרים בפסיק אם נרצה לציין יותר מתמונה אחת.

הפקודה העליונה של unix

דוגמא

 body { background-image: url('cat.webp'); background-color: lightgray; } 
בדוק את זה עכשיו

תְפוּקָה

כיצד להוסיף תמונת רקע ב-CSS

דוגמא

 body { height: 200px; background-color: #cccccc; background-image: radial-gradient(red, green, yellow); } 
בדוק את זה עכשיו

תְפוּקָה

כיצד להוסיף תמונת רקע ב-CSS

דוגמא

 body { height: 200px; background-color: #cccccc; background-image: linear-gradient(rgba(0, 0, 255, 0.5),rgba(255, 255, 0, 0.5)), url('lion.webp'); } 
בדוק את זה עכשיו

תְפוּקָה

כיצד להוסיף תמונת רקע ב-CSS