چگونه رنگ پس زمینه یک جدول را تغییر دهید

بسیاری از طراحان وب سایت تازه کار یا آماتور می خواهند بدانند چگونه رنگ پس زمینه یک جدول را تغییر دهند. در عرض چند دقیقه شما می توانید یاد بگیرید چگونه با این آموزش کوتاه این روش را اجرا کنید. به نظر می رسد این روش به اندازه ای تهدید کننده نیست. تغییر رنگ پس زمینه جدول ساده است به عنوان اضافه کردن یک ویژگی در سلول، ردیف یا جدول شما می خواهید رنگی.

چگونه شروع کنیم

ویژگی bgcolor رنگ پس زمینه جدول و همچنین ردیف جدول فعلی یا سلول جدول فعلی را تغییر خواهد داد. اما ویژگی bgcolor به لطف برگه های سبک حذف شده است، بنابراین بهترین روش برای تغییر رنگ پسزمینه جدول نیست. روش بهتر برای تغییر رنگ پس زمینه این است که رنگ پس زمینه رنگ را به جدول، ردیف یا برچسب سلولی اضافه کنید. مثال زیر را ببینید تا نحوه ی یادگیری را بیاموزید.

اگر به دلایلی، شما نمی خواهید رنگ پس زمینه رنگ را به جدول اضافه کنید، گزینه هایی وجود دارد که از آن انتخاب کنید. برای مثال، شما می توانید سبک ها را در یک صفحه سبک در سر سند خود یا در یک ورق سبک خارجی تنظیم کنید . به موارد زیر نگاه کنید:

table {background-color: # ff0000؛ } tr {پس زمینه: زرد؛ } td {background-color: # 000؛ }

تنظیم رنگ پسزمینه

بهترین روش برای تنظیم رنگ پس زمینه در ستون، ایجاد یک کلاس سبک است و سپس آن کلاس را به سلول های آن ستون اختصاص دهید. به مثال های زیر نگاه کنید تا یاد بگیرید چگونه این کار را انجام دهید.

CSS:

td.blueCol {background-color: blue؛ }

HTML:

class = "blueCol" > سلول 1 سلول 2
class = "blueCol" > سلول 1 سلول 2

بسته شدن

حتی اگر هرگز رنگ پسزمینه یک جدول را قبل از آن تغییر ندهید، می توانید مثالهای بالا را برای این روش به صورت خود کپی کنید. سعی کنید گزینه های مختلف ارائه شده را انتخاب کنید و یکی از شما که در آن شما در نهایت احساس راحتی است. و اگر می خواهید اطلاعات بیشتری در مورد جداول HTML داشته باشید، این FAQ را برای جزئیات بیشتر مشورت کنید.