כיצד לשנות את צבע הרקע של טבלה

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

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

הדרך הטובה ביותר לשנות את צבע הרקע היא להוסיף את צבע הרקע של סגנון הסגנון לטבלה, לשורה או לתא.

פעולה זו תשנה את צבע הרקע של טבלה שלמה:

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

התג

באפשרותך לשנות את הצבע של תא בודד על-ידי הוספת התכונה ל-

התג

ניתן גם להחיל צבעי רקע על ראשי טבלה, או על

, באותו אופן:

שינוי צבע רקע באמצעות גיליונות סגנון

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

טבלה {background-color: # ff0000; } tr {background-color: yellow; } td {background-color: # 000; }

הגדרת צבע רקע עמודה

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

CSS

td.ColColor {background-color: כחול; }

HTML:

תא 1	תא 2
תא 1	תא 2

אחד היתרונות המשמעותיים של שליטה על צבעי רקע באמצעות גיליון סגנונות הוא היכולת לשנות את בחירת הצבע במועד מאוחר יותר. במקום לעבור את מסמך ה- HTML ולעשות את השינוי לכל תא בודד, אתה יכול לעשות שינוי אחד לבחירת הצבע ב- CSS והוא יחול מיד על כל מופע שבו נעשה שימוש ב- class = "ColColor". זה חוסך כמויות עצומות של זמן מאוד מקטין את הסיכויים של טעויות, כגון חסר שינוי צבע התא.

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