Skip to main content

একটি ওয়েব পেজে একটি টেবিল জন্য একটি ব্যাকগ্রাউন্ড হিসাবে একটি চিত্র সেটিং

সিসি ক্যামেরার কাজ করুন আপনার Android ফোন দিয়ে চোখের অজান্তে ভিডিও করে ফেলুন সবকিছু (জুন 2025)

সিসি ক্যামেরার কাজ করুন আপনার Android ফোন দিয়ে চোখের অজান্তে ভিডিও করে ফেলুন সবকিছু (জুন 2025)
Anonim

তাদের পটভূমি থেকে বিভাজক টেবিল ওয়েবপৃষ্ঠা অন্য সব সম্পর্কিত আপেক্ষিক টেবিল কন্টেন্ট জোর সাহায্য করে। একটি টেবিল পটভূমি যোগ করতে, আপনাকে আপনার ওয়েবপৃষ্ঠাকে সমর্থনকারী ক্যাসকেডিং স্টাইল শীট (সিএসএস) টিক্চ করতে হবে।

শুরু হচ্ছে

একটি টেবিলে একটি ব্যাকগ্রাউন্ড ইমেজ যোগ করার সেরা উপায় হল সিএসএস ব্যবহার করা

পটভূমি

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

  1. আপনার টেবিলে ব্যাকগ্রাউন্ডের জন্য আপনার CSS লিখুন এবং স্টাইল ব্লকের ভিতরে রাখুন:

    টেবিল {পটভূমি: ইউআরএল (" ইমেজ URL ") কোন পুনরাবৃত্তি;}

    1. এইচটিএমএল আপনার টেবিল রাখুন:

    2. কোষ 1

    3. কোষ 2

    4. কোষ 1

    5. কোষ 2

  2. চিত্র প্রস্থ এবং উচ্চতা মেলে মেলে টেবিলের প্রস্থ এবং উচ্চতা সেট করুন।

    … ​​

আপনার টেবিল সামগ্রীর চিত্র উচ্চতা এবং প্রস্থের চেয়ে বড় হলে, পটভূমি চিত্র শুধুমাত্র একবার প্রদর্শিত হবে।

শুধু একটি টেবিল একটি ব্যাকগ্রাউন্ড রাখুন

উপরের নির্দেশাবলী পৃষ্ঠায় প্রতিটি টেবিলে একই ব্যাকগ্রাউন্ড চিত্র সেট করবে। আপনি শুধুমাত্র নির্দিষ্ট টেবিলের উপর পটভূমি রাখতে চান, আপনি একটি ব্যবহার করতে হবে

শ্রেণী

  1. বৈশিষ্ট্য। আপনার সিএসএস পড়তে পরিবর্তন করুন:

    টেবিল। ব্যাকগ্রাউন্ড {পটভূমি: ইউআরএল (" ইমেজ URL ") কোন পুনরাবৃত্তি;}

  2. ক্লাস যোগ করুন পটভূমি আপনি যে ব্যাকগ্রাউন্ড ইমেজ থাকতে চান কোনো টেবিলে। ঐ টেবিল জন্য প্রস্থ এবং উচ্চতা সেট করুন।

    বর্গ = "পটভূমি" শৈলী = "প্রস্থ: 400px; উচ্চতা: 500px;> …

টেবিল পটভূমি চিত্র পুনরাবৃত্তি যাক

বৃহত্তর টেবিল, বা আরও সামগ্রী সহ টেবিলগুলির ব্যাকগ্রাউন্ড পুনরাবৃত্তি করার প্রয়োজন হতে পারে যাতে সমগ্র টেবিলটি ভরা হয়। আপনার CSS এ মানটি পরিবর্তন করুন যাতে চিত্রটি Y- অক্ষ, x-axis, বা উভয়তে টাইল হয়।

পটভূমি: ইউআরএল ("ইমেজ URL") পুনরাবৃত্তি;

ডিফল্টরূপে পুনরাবৃত্তি মান টাইল করা হবে, কিন্তু আপনি পুনরাবৃত্তি মান সেট করতে পারেন

পুনরাবৃত্তি-X

অথবা

পুনরাবৃত্তি-Y

যথাক্রমে অনুভূমিক বা উল্লম্বভাবে টালি করতে।

সেল পটভূমি রং টেবিল পটভূমি চিত্র ব্লক

টেবিলের ঘরগুলিতে যেকোনো পটভূমির রং টেবিলটিতে ব্যাকগ্রাউন্ড চিত্রটি ওভাররাইড করবে। টেবিল পটভূমি ইমেজ সঙ্গে সমন্বয় আপনার কোষে ব্যাকগ্রাউন্ড রং ব্যবহার করার সময় তাই সতর্কতা অবলম্বন করা।

বিবেচ্য বিষয়

টেবিল ব্যাকগ্রাউন্ড অন্তর্নিহিত পাতা থেকে পৃথক আপনার টেবিল সেট করা হবে। তবে, এই কৌশল ব্যবহার করার আগে দুইবার চিন্তা করুন। একটি নিরপেক্ষ চিত্রটি ঢোকানো বিভ্রান্তিকর নাও হতে পারে, তবে চতুর ছবির উদ্দেশ্যে জটিল ছবিগুলি (উদাহরণস্বরূপ, পোষা গৃহীত নির্দেশক একটি টেবিলের পিছনে একটি বিড়ালের ছবি সন্নিবেশ করা) অস্বাভাবিক প্রদর্শিত হতে পারে এবং ট্যাবুলার ডেটাটির পঠনযোগ্যতা প্রভাবিত করতে পারে।

আপনি যে কোনও ছবিটি যথাযথভাবে লাইসেন্স করতে হবে; আপনি ওয়েবে একটি ফটো খুঁজে পেতে পারেন কারণ কেবল আপনি নিজের ব্যবহারের জন্য এটি উপযুক্ত করতে পারেন মানে। কপিরাইট সম্মান!