ওয়েব পৃষ্ঠাগুলি ইনলাইন এইচটিএমএল "img" ট্যাগ ব্যবহার করে সাধারণত চিত্র যুক্ত করে। সিএসএস কোডিং সাধারণত কোনও চিত্রের উত্স সেট করে না কারণ CSS বিষয়বস্তুর চেয়ে ডিজাইন নিয়ন্ত্রণ করে। তবুও CSS এমন বৈশিষ্ট্যগুলিকে সমর্থন করে যা সাধারণ চিত্র এইচটিএমএল নয়, যেমন চিত্রের অস্বচ্ছতা acity উদাহরণস্বরূপ, আপনি যদি নিজের ওয়েবসাইটের হোমপেজে আপনার কোম্পানির সদর দফতরের স্বচ্ছ ছবি হাজির করতে চান তবে আপনি এটি সিএসএস ব্যবহার করে সেট করতে পারেন। সিএসএস শৈলীগুলি ব্যাকগ্রাউন্ড ইমেজ সম্পত্তি ব্যবহার করে চিত্র উত্স চয়ন করে।
1
আপনার এইচটিএমএল সম্পাদক বা একটি পাঠ্য সম্পাদক দিয়ে আপনার ওয়েবসাইটের স্টাইলশিটটি খুলুন।
2
একটি নতুন স্টাইল তৈরি করতে শীটটিতে নিম্নলিখিত কোডটি আটকে দিন:
পটভূমি-চিত্র: url (পথ); পটভূমি পুনরাবৃত্তি: কোন পুনরাবৃত্তি; প্রস্থ: 10px; উচ্চতা: 20px; }
3
সাইটের মধ্যে চিত্রের URL দিয়ে "পাথ" প্রতিস্থাপন করুন। উদাহরণস্বরূপ, চিত্র "বিল্ডিং.jpg" যদি আপনার সাইটের "চিত্রগুলি" ফোল্ডারে থাকে তবে কোডটি এতে পরিবর্তন করুন:
পটভূমি-চিত্র: url (/images/building.jpg); পটভূমি পুনরাবৃত্তি: কোন পুনরাবৃত্তি; প্রস্থ: 10px; উচ্চতা: 20px; }
4
চিত্রটির প্রস্থের সাথে "10" প্রতিস্থাপন করুন এবং চিত্রটির উচ্চতা দিয়ে "20" প্রতিস্থাপন করুন। উদাহরণস্বরূপ, যদি চিত্রটি 200 পিক্সেল উচ্চ এবং 600 পিক্সেল প্রশস্ত করে, কোডটি এতে পরিবর্তন করুন:
পটভূমি-চিত্র: url (/images/building.jpg); পটভূমি পুনরাবৃত্তি: কোন পুনরাবৃত্তি; প্রস্থ: 600px; উচ্চতা: 200px; }
5
আপনি যেখানে ছবিটি toোকাতে চান সেখানে ওয়েব পৃষ্ঠাটি খুলুন।
6
চিত্রটি সন্নিবেশ করতে নিম্নলিখিত কোড যুক্ত করুন:
