সারণির একটি ইমেজ ব্যাকগ্রাউন্ড যোগ করার জন্য CSS পটভূমি বৈশিষ্ট্যটি ব্যবহার করুন
তাদের ব্যাকগ্রাউন্ড থেকে টেবিলের পার্থক্যগুলি ওয়েবপেজে অন্য সবকিছুর উপর ভিত্তি করে সারণির সামগ্রীকে জোর করাতে সহায়তা করে। একটি সারণি পটভূমি যোগ করার জন্য, আপনাকে আপনার ওয়েবপৃষ্ঠাকে সমর্থন করার জন্য ক্যাসকেডিং স্টাইল শীট (CSS) কে জোর করতে হবে।
শুরু হচ্ছে
একটি সারণিতে একটি পটভূমি চিত্র যোগ করার সেরা উপায় হল CSS পটভূমি বৈশিষ্ট্যটি ব্যবহার করা। সিএসএস ভালভাবে লিখতে নিজেকে প্রস্তুত করতে এবং অপ্রত্যাশিত ডিসপ্লে গ্লাইচগুলি এড়াতে, আপনার পটভূমির ছবিটি খুলুন এবং উচ্চতা এবং প্রস্থের একটি নোট করুন।
তারপর আপনার হোস্টিং প্রদানকারী আপনার ছবি আপলোড। ইমেজ জন্য URL পরীক্ষা করুন; সবচেয়ে সাধারণ কারণগুলির মধ্যে একটি কারণ হল ইমেজগুলি প্রদর্শন করা হয় না কারণ URL এর একটি টাইপ আছে
আপনি যে পদক্ষেপটি সমাপ্ত করেছেন, আপনার ডকুমেন্টের মাথায় একটি CSS শৈলী ব্লক করুন:
<শৈলী টাইপ = "পাঠ্য / CSS">
- আপনার সারণির পটভূমির জন্য আপনার CSS লিখুন এবং এটি শৈলী ব্লকের ভিতরে রাখুন:
টেবিল {পটভূমি: url (" ইমেজ থেকে URL ") কোনও পুনরাবৃত্তি; }
- আপনার টেবিলে HTML রাখুন:
<টেবিল>
সেল 1
সেল ২
সেল 1
সেল ২
- চিত্রের প্রস্থ এবং উচ্চতার সাথে মেলে এমন টেবিলের প্রস্থ এবং উচ্চতা নির্ধারণ করুন
<টেবিল শৈলী = " প্রস্থ: 400 পিক্স; উচ্চতা: 500 পিক্স; "> ...
যদি আপনার টেবিল বিষয়বস্তু চিত্রের উচ্চতা এবং প্রস্থের চেয়ে বড় হয়, তবে পটভূমির চিত্রটি শুধুমাত্র একবার প্রদর্শিত হবে
শুধু এক টেবিল একটি ব্যাকগ্রাউন্ড রাখুন
উপরে নির্দেশাবলী পৃষ্ঠার প্রতিটি টেবিলের একই ব্যাকগ্রাউন্ড ইমেজ সেট করবে।
আপনি যদি শুধুমাত্র নির্দিষ্ট টেবিলের উপর ব্যাকগ্রাউন্ড রাখতে চান, তাহলে আপনাকে একটি ক্লাস অ্যাট্রিবিউট ব্যবহার করতে হবে।
- পড়া আপনার সিএসএস পরিবর্তন করুন:
টেবিল। ব্যাকগ্রাউন্ড {ব্যাকগ্রাউন্ড: ইউআরএল (" ইমেজ টু ইউআরএল ") কোনও পুনরাবৃত্তি; }
- আপনি যে ব্যাকগ্রাউন্ড ইমেজ রাখতে চান তা যে কোনো সারণিতে ক্লাস ব্যাকগ্রাউন্ড যোগ করুন ঐ টেবিলের জন্য প্রস্থ এবং উচ্চতা সেট করুন
<টেবিল বর্গ = "পটভূমি" শৈলী = "প্রস্থ: 400 পিক্স; উচ্চতা: 500 পিক্স;> ...
সারণি পটভূমি চিত্র পুনরাবৃত্তি যাক
বৃহত্তর টেবিল, অথবা আরও সামগ্রী সহ সারণি, যাতে পুরো টেবিলের ভরাট করা হয় তাই পটভূমি পুনরাবৃত্তি করা প্রয়োজন হতে পারে। আপনার CSS এর মানটি পরিবর্তন করুন যাতে ইমেজ y- অক্ষের উপর পুনরাবৃত্তি করে, x- অক্ষ, বা উভয়ই টাইল্ড থাকে।
পটভূমি: url (" ইমেজ থেকে URL ") পুনরাবৃত্তি ;
ডিফল্টভাবে পুনরাবৃত্ত মানটি টাইল্ড করা হবে, তবে যথাক্রমে অনুভূমিকভাবে অথবা উল্লম্বভাবে টাইলটি পুনরাবৃত্ত করার জন্য আপনি পুনরায় পুনরাবৃত্ত মান সেট করতে পারেন- অথবা পুনরাবৃত্ত-y করতে পারেন।
সেল পটভূমির রং সারণি পটভূমি চিত্রটি সরাও
সারণির কক্ষগুলিতে যে কোনও পটভূমির রং সারণির পটভূমির চিত্রকে অগ্রাহ্য করবে। সুতরাং টেবিলের ব্যাকগ্রাউন্ড ইমেজগুলির সাথে আপনার সেলগুলির পটভূমি রং ব্যবহার করার সময় সতর্কতা অবলম্বন করুন
বিবেচ্য বিষয়
টেবিল ব্যাকগ্রাউন্ডগুলি ভিতরের পৃষ্ঠ থেকে আপনার টেবিলগুলিকে আলাদা করবে তবে এই কৌশলটি ব্যবহার করার আগে দুবার চিন্তা করুন। একটি নিরপেক্ষ ইমেজ সন্নিবেশ করা নাও হতে পারে, কিন্তু চতুর ছবি (যেমন, পোষ্যপুত্রকে নির্দেশ করে একটি টেবিলের পিছনে একটি বাচ্চাটির একটি ছবি সন্নিবেশ করানো) ছবিটি অসামঞ্জস্যপূর্ণ হতে পারে এবং ট্যাবুলার ডেটার পাঠযোগ্যতা প্রভাবিত করতে পারে।
আপনার ব্যবহার করা কোনও চিত্র সঠিকভাবে লাইসেন্স করা উচিত; ঠিক কারণ আপনি ওয়েবে একটি ফটো খুঁজে পেতে পারেন না মানে আপনি নিজের ব্যবহারের জন্য এটি উপযুক্ত করতে পারেন।
কপিরাইট সম্মান!
- চিত্রের প্রস্থ এবং উচ্চতার সাথে মেলে এমন টেবিলের প্রস্থ এবং উচ্চতা নির্ধারণ করুন