Bir Cədvəlin Arxa Rəngini dəyişdirmək üçün necə

Bir çox təcrübəsiz və ya həvəskar veb-dizaynerlər bir masanın arxa plan rəngini necə dəyişməyi bilmək istəyirlər. Bir neçə dəqiqədən sonra, bu texnikanı bu qısa təlimatla necə yerinə yetirəcəyini öyrənə bilərsiniz. Bu üsul göründüyü kimi qorxuducu deyil. Cədvəlin fon rəngi dəyişdirilməsi, rəngli istədiyiniz hüceyrə, satır və ya masa üzərində bir xüsusiyyət əlavə etmək kimi sadədir.

Nasıl başlanır?

Öznitelik bgcolor , masanın arka plan rengini, eləcə də mövcud masa satırını və ya mövcud masa hücresini dəyişəcək. Lakin bgcolor özniteliği stillərin lehinə saxlanılır, buna görə masanın arxa fon rəngi dəyişdirmək üçün ən optimal yol deyildir. Arka plan rəngini dəyişdirmək üçün daha yaxşı bir yoldur stil mülkünün fon rəngini masa, satır və ya hüceyrə etiketinə əlavə etməkdir. Necə öyrənmək üçün aşağıdakı nümunəyə baxın.

Bəzi səbəblərə görə stil mülkiyyət fon rəngini masaya əlavə etmək istəmirsinizsə, seçim etmək üçün alternativlər var. Məsələn, üslubları sənədinizin başında və ya xarici stillərdən bir tərtibat formasında yerləşdirə bilərsiniz . Aşağıdakılara baxın:

cədvəl {fon-rəng: # ff0000; } tr {fon-rəng: sarı; } td {background-color: # 000; }

Arxa Rənginin Ayarlanması

Sütundakı fon rəngini təyin etmək üçün ən yaxşı yoldur bir stil yaratmaq və sonra o sütundakı hüceyrələrə bu sinif təyin etməkdir. Bunun necə ediləcəyini öyrənmək üçün aşağıdakı nümunələrə baxın.

CSS:

td.blueCol {fon-rəng: mavi; }

HTML:

class = "blueCol" > cell 1 cell 2
class = "blueCol" mobil 1 2 hücresi

Wrapping Up

Daha əvvəl bir masanın arka plan rənglərini heç vaxt dəyişməmiş olsanız da, bu metodu özünüzdə sınamaq üçün yuxarıda göstərilən nümunələri köçürə bilərsiniz. Göstərilən fərqli variantları sınayın və nəticədə ən rahat hiss etdiyiniz birini seçin. HTML masaları haqqında daha ətraflı məlumat istəyirsinizsə, əlavə məlumat üçün bu FAQ-a müraciət edin.