CSS: הכנס תמונה - ככה זה עובד
בטיפ מעשי זה אנו מסבירים כיצד להכניס תמונה באמצעות CSS. בעיקרון ניתן להכניס תמונות רק כאן בצורת תמונות רקע. עם זאת, די בכך.
הכנס תמונה ל- CSS
לדוגמה, אם ברצונך לכלול תמונה בכותרת באמצעות CSS, כגון הלוגו שלך, דווח על המאפיינים הבאים תחת #header:
- "רקע: url (image.webp) #FFFFFF;"
- כאן "bild.webp" מובן ככתובת האתר לתמונה שלך ביחס לקובץ css או ככתובת מוחלטת בכונן שלך.
- עם הצבע אתה מצהיר על צבע הרקע באתר האינטרנט שלך.
- כעת ניתן למקם את התמונה באמצעות מיקום מדויק, כגון: "מיקום-רקע: 100px 100px;" או באמצעות מידע יחסי שנקבע על ידי קצה החלון כגון "מיקום רקע: מימין למטה;".
- כדי שהתמונה שלך לא תחזור על עצמה ברציפות, אתה יכול לציין "אין חוזר" תחת המאפיין "רקע-חוזר". זה נראה כך: "רקע-חוזר: לא-חוזר;".
- בעזרת המאפיין "קובץ מצורף רקע" אתה קובע אם התמונה נעה עם הגלילה או נשארת במקום קבוע בדף: "רקע-מצורף: קבוע;".
- המאפיינים מוגדרים בקובץ CSS ללא מרכאות.
בטיפ המעשי הבא, קרא כיצד לשלב קובץ CSS באמצעות HTML.