מאפיין רקע CSS משמש להגדרת השפעות הרקע על אלמנט. ישנם 5 מאפייני רקע של CSS המשפיעים על רכיבי HTML:

1. צבע רקע
2. תמונת רקע
3. רקע-חזרה
4. רקע-מצורף
5. מיקום רקע

רונאס בפאוורשל

1) צבע רקע CSS

המאפיין רקע-צבע משמש לציון צבע הרקע של האלמנט.

אתה יכול להגדיר את צבע הרקע כך:

 h2,p{ background-color: #b0d4de; } <h2>My first CSS page.</h2> <p>Hello Javatpoint. This is an example of CSS background-color.</p> 

תְפוּקָה:

דף ה-CSS הראשון שלי.

שלום Javatpoint. זוהי דוגמה לצבע רקע של CSS.

2) תמונת רקע CSS

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

מערכי java

 body { background-image: url('paper1.webp'); margin-left:100px; } 

4) מצורף רקע CSS

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

 background: white url('bbb.webp'); background-repeat: no-repeat; background-attachment: fixed; 

5) מיקום רקע CSS

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

אתה יכול להגדיר את המיקומים הבאים:

1. מֶרְכָּז
2. חלק עליון
3. תַחתִית
4. שמאלה
5. ימין

 background: white url('good-morning.webp'); background-repeat: no-repeat; background-attachment: fixed; background-position: center;