הגדרת תמונה כרקע לטבלה בדף אינטרנט

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

מתחילים

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

הוסף גוש סגנון CSS בראש המסמך שלך:

כתוב את CSS שלך על הרקע על השולחן שלך והכנס אותו לבלוק הסגנון:

מקם את הטבלה שלך ב- HTML:

תא 1 תא 2
תא 1 תא 2
הגדר את רוחב וגובה השולחן כך שיתאימו לרוחב וגובה התמונה.

הגדר את רוחב וגובה השולחן כך שיתאימו לרוחב וגובה התמונה.

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

שים רקע על שולחן אחד בלבד

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

מעמד תְכוּנָה. תוסיף את ה מעמדרקע כללי לכל טבלה שתרצה שתהיה לך תמונת רקע זו. הגדר את הרוחב והגובה עבור שולחנות אלה.

תן לתמונת הרקע בטבלה לחזור

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

רקע: url ("URL to image") חזור; 

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

חזור על x

אוֹ.

חזור- y

לרצף אופקית או אנכית, בהתאמה.

צבעי רקע תא חוסמים את תמונת הרקע בטבלה

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

שיקולים

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