একটি ওয়েব পৃষ্ঠার পটভূমি এটির সামগ্রীতে আবদ্ধ বা এটি স্বাধীনভাবে আচরণ করতে পারে। প্রথম ক্ষেত্রে, ব্রাউজার উইন্ডোতে সামগ্রী স্ক্রোল করার সময়, পটভূমি চিত্রটিও স্ক্রোল করবে, যখন দ্বিতীয়টিতে এটি স্থির থাকতে পারে। একটি নির্দিষ্ট পৃষ্ঠার ব্যাকগ্রাউন্ড বাস্তবায়নের জন্য আপনার সিএসএস শৈলীর বর্ণনার ভাষা ব্যবহার করা উচিত - কেবল এটি বিভিন্ন ধরণের ব্রাউজারগুলিতে একই পটভূমির আচরণের গ্যারান্টি দিতে পারে।
নির্দেশনা
ধাপ 1
পৃষ্ঠার ব্যাকগ্রাউন্ডটি স্থির বা চলমান হওয়া উচিত কিনা তা নির্দিষ্ট করতে সিএসএসে ব্যাকগ্রাউন্ড-সংযুক্তি সম্পত্তি ব্যবহার করুন। মোট, এই সম্পত্তিটির তিনটি মান থাকতে পারে - আপনি যদি সেগুলির মধ্যে কোনও নির্দিষ্ট না করে থাকেন, তবে ডিফল্টরূপে ব্যাকগ্রাউন্ড-সংযুক্তিটিকে স্ক্রল হিসাবে বিবেচনা করা হয়। এই মান সহ, পৃষ্ঠাগুলির পাশাপাশি পটভূমি চিত্র স্ক্রোল করে। উত্তরাধিকারের মানটি পিতামণ্ডলের উপাদানটির পটভূমি আচরণের অনুলিপি করে এবং স্থির মানটি পটভূমির চিত্রটিকে সামগ্রীর থেকে স্বতন্ত্র করে তোলে - পৃষ্ঠাটি স্ক্রোল করার সময় এটি স্থির থাকে। আপনার এটি ব্যবহার করা উচিত।
ধাপ ২
আপনি যে পৃষ্ঠাগুলি ব্যাকগ্রাউন্ডটি ঠিক করতে চান তাতে ব্যবহারের জন্য আপনার সিএসএস নির্দেশাবলী প্রস্তুত করুন। আপনি যদি কোনও বাহ্যিক শৈলীর বিবরণ ফাইলে সিএসএস কোডটি না রাখেন, তবে এই নির্দেশাবলী খোলার এবং সমাপনী শৈলী ট্যাগগুলির মধ্যে স্থাপন করা উচিত:
// শৈলীর বিবরণ থাকবে
পৃষ্ঠার পটভূমির আচরণের বর্ণনা অবশ্যই দেহ উপাদানটির সাথে আবদ্ধ হতে হবে - সিএসএস পরিভাষায় একে "নির্বাচক" বলা হবে এবং এইভাবে লেখা হবে: BODY {
পৃষ্ঠা পৃষ্ঠার // বর্ণনা এখানে থাকবে
Select এই নির্বাচকের সাথে সম্পর্কিত বৈশিষ্ট্যগুলি অবশ্যই কোঁকড়া ধনুর্বন্ধনীগুলির মধ্যে অর্ধবৃত্ত দ্বারা পৃথক করা উচিত: দেহ {
পটভূমি-সংযুক্তি: স্থির;
পটভূমি-চিত্র: ইউআরএল (চিত্র / বিজি.gif);
Line প্রথম লাইনটি পটভূমির চিত্রটি ক্যাপচার করে এবং দ্বিতীয়টি পৃষ্ঠার ঠিকানার সাথে সম্পর্কিত ব্যাকগ্রাউন্ড চিত্রযুক্ত ফাইলের ঠিকানা নির্দেশ করে। এই দুটি লাইন একটি জটিল সিএসএস বিবৃতিতে এইভাবে লেখা যেতে পারে: পটভূমি: ইউআরএল (চিত্র / বিজি.gif) স্থির;
ধাপ 3
পৃষ্ঠার পাঠ্যটিতে পটভূমি ঠিক করতে সমস্ত কোড আটকান। এর সমাপ্ত ফর্মটিতে এটি দেখতে দেখতে এটির মতো হতে পারে:
দেহ {পটভূমি: url (চিত্র / BG.gif) স্থির;}
অবশ্যই আপনাকে পটভূমি চিত্রের ফাইলের অবস্থান এবং নামটি প্রতিস্থাপন করতে হবে। কোডটি ট্যাগের আগে রাখাই ভাল, যদিও এটি পূর্বশর্ত নয়।