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

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

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

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

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

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

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

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

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

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

טבלה {רקע-צבע: # ff0000; }
tr {רקע-צבע: צהוב; }
td {רקע-צבע: # 000; }

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

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

ה- CSS:

td. ColColor {צבע רקע: כחול; }

ה- HTML:

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

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