הבדל טבלאות מרקע שלהם עוזר להדגיש את התוכן של השולחן ביחס לכל דבר אחר בדף האינטרנט. כדי להוסיף טבלה רקע, יהיה עליך לצבוט את גיליון סגנונות (CSS) תמיכה בדף האינטרנט שלך.
מתחילים
הדרך הטובה ביותר להוסיף תמונת רקע לטבלה היא להשתמש ב- CSS
רקע כללי
נכס. כדי להכין את עצמך לכתוב את ה- CSS ביעילות כדי למנוע תקלות תצוגה בלתי צפויות, לפתוח את תמונת הרקע שלך ולעשות הערה של גובה ורוחב. לאחר מכן העלה את התמונה שלך לספק האירוח שלך. בדוק את כתובת האתר של התמונה; אחת הסיבות הנפוצות ביותר מדוע תמונות אינן מוצגות היא כי יש שגיאת הקלדה בכתובת URL.לאחר שתסיים את השלב הזה, לשים בלוק סגנון CSS בראש המסמך:
table {background: url (" כתובת אתר לתמונה ") no-repeat;} הגדר את רוחב וגובה הטבלה כך שיתאימו לרוחב התמונה ולגובה. אם תוכן הטבלה שלך גדול מגובה הרוחב ומהרוחב, תמונת הרקע תוצג פעם אחת בלבד. ההוראות הנ"ל יקבעו את אותה תמונת רקע בכל טבלה בדף. אם אתה רוצה לשים את הרקע רק על טבלאות ספציפיות, אתה צריך להשתמש מעמד
table.background {background: url (" כתובת אתר לתמונה ") no-repeat;} שולחנות גדולים יותר, או טבלאות עם תוכן נוסף, ייתכן שיהיה צורך לחזור על הרקע כך השולחן כולו מלא. שנה את הערך ב- CSS שלך כך שהתמונה חוזרת על ציר ה- y, ציר ה- X או מרוצפת בשניהם. רקע: כתובת אתר ("כתובת אתר לתמונה") חזור;
כברירת מחדל, הערך החוזר יהיה מרוצף, אך ניתן גם להגדיר את ערך החזרה לחזור x
או לחזור על y כל צבעי רקע שהוגדרו על תאי הטבלה יעקפו את תמונת הרקע על השולחן. אז להיזהר בעת שימוש בצבעי רקע על התאים שלך בשילוב עם תמונות רקע השולחן. טבלאות הרקע יגדירו את הטבלאות בנפרד מהעמוד הבסיסי. עם זאת, לחשוב פעמיים לפני השימוש בטכניקה זו. הוספת תמונה נייטרלית עשויה שלא להסיח את הדעת, אך תמונות מסובכות שנועדו להיות חמודות (לדוגמה, הוספת תמונה של חתלתול מאחורי שולחן המציין אימוץ חיות מחמד) עשויות להיראות לא מקצועיות ועלולות להשפיע על הקריאות של הנתונים הטבלאיים. כל תמונה שבה אתה משתמש חייבת להיות מורשית כראוי; רק בגלל שאתה יכול למצוא תמונה באינטרנט לא אומר שאתה יכול להתאים אותו לשימוש שלך. כבוד זכויות היוצרים!
תא 1 תא 2 תא 1 תא 2 …
שים רקע על שולחן אחד בלבד
class = "background" style = "width: 400px; height: 500px;> …
תנו לטבלה תמונת רקע לחזור
כדי אריח אופקית או אנכית, בהתאמה.
רקע צבעים רקע לחסום את תמונת רקע טבלה
שיקולים
