কিভাবে একটি টেবিল এর পটভূমি রঙ পরিবর্তন করুন

অনেক শিষ্য বা অপেশাদার ওয়েব ডিজাইনার জানতে চান কিভাবে টেবিলের পটভূমি রং পরিবর্তন করা যায়। কয়েক মিনিটের মধ্যে, আপনি এই সংক্ষিপ্ত টিউটোরিয়াল সহ এই কৌশলটি কীভাবে প্রয়োগ করতে পারেন তা শিখতে পারেন। পদ্ধতি হিসাবে এটা মনে হয় ভয়ঙ্কর নয়। একটি টেবিলটির পটভূমির রঙ পরিবর্তন করা হচ্ছে সেল, সারি বা সারণিতে একটি বৈশিষ্ট্য যোগ করার মতো সহজ যা আপনি রঙিন করতে চান।

কিভাবে শুরু করতে হবে

বৈশিষ্ট্য bgcolor সারণির পটভূমির রঙ পরিবর্তন করবে পাশাপাশি বর্তমান সারণি সারি বা বর্তমান সারণি কক্ষে। কিন্তু bgcolor অ্যাট্রিবিউট স্টাইল শীটগুলির পক্ষে অনুপযুক্ত, তাই এটি টেবিলের ব্যাকগ্রাউন্ড কালার পরিবর্তন করার সবচেয়ে অনুকূল উপায় নয়। পটভূমির রং পরিবর্তন করার অন্যতম উপায় হল টেবিল, সারি বা সেল ট্যাগের শৈলীটির বৈশিষ্ট্য ব্যাকগ্রাউন্ড-রং যোগ করা। কিভাবে শিখতে নীচের উদাহরণটি দেখুন।

<টেবিল শৈলী = "ব্যাকগ্রাউন্ড-রঙ: # ff0000;">

যদি কোন কারণে, আপনি টেবিলে শৈলী বৈশিষ্ট্য ব্যাকগ্রাউন্ড-রঙ যোগ করতে চান না, তবে বিকল্পগুলি থেকে বেছে নিতে হবে। উদাহরণস্বরূপ, আপনি শৈলী আপনার ডায়ালগের মাথায় বা একটি বহিরাগত স্টাইল শীট শৈলী শীট মধ্যে সেট করতে পারেন। নিম্নলিখিত দেখুন:

টেবিল {ব্যাকগ্রাউন্ড-রঙ: # ff0000; } tr {background-color: yellow; } টিডি {ব্যাকগ্রাউন্ড-রঙ: # 000; }

ব্যাকগ্রাউন্ড কালার সেট করা

একটি কলামে পটভূমির রঙ সেট করার সর্বোত্তম উপায় হলো একটি স্টাইল ক্লাস তৈরি করা এবং তারপর ঐ কলামটি সেই কলামের কোষে বরাদ্দ করুন। কিভাবে এই কাজ করতে শিখতে নীচের উদাহরণটি দেখুন।

CSS:

td.blueCol {ব্যাকগ্রাউন্ড-রঙ: নীল; }

এইচটিএমএল:

<টেবিল> class = "blueCol" > সেল 1 সেল ২ class = "blueCol" > সেল 1 সেল ২

মোড়ক উম্মচন

এমনকি যদি আপনি আগে কখনো একটি টেবিলের পটভূমি রং পরিবর্তন না করে থাকেন, তবে আপনি নিজের উপর এই পদ্ধতিটি চেষ্টা করার জন্য উপরের উদাহরণগুলির অনুলিপি করতে পারেন। বিভিন্ন বিকল্প উপস্থাপন চেষ্টা করুন এবং আপনি শেষ পর্যন্ত সবচেয়ে আরামদায়ক মনে যা সঙ্গে এক চয়ন করুন। এবং যদি আপনি এইচটিএমএল টেবিলের সম্পর্কে আরো তথ্য চান, অতিরিক্ত বিবরণের জন্য এই FAQ টি দেখুন।