সুচিপত্র:

আমি কিভাবে একটি div একটি ব্যাকগ্রাউন্ড ইমেজ কেন্দ্রে?
আমি কিভাবে একটি div একটি ব্যাকগ্রাউন্ড ইমেজ কেন্দ্রে?

ভিডিও: আমি কিভাবে একটি div একটি ব্যাকগ্রাউন্ড ইমেজ কেন্দ্রে?

ভিডিও: আমি কিভাবে একটি div একটি ব্যাকগ্রাউন্ড ইমেজ কেন্দ্রে?
ভিডিও: শুধুমাত্র 2টি সঠিক উপায় একটি div #css #frontenddeveloper কেন্দ্রে 2024, মে
Anonim

স্টাইল শীট: CSS

তারপর, আমি কিভাবে একটি div একটি ইমেজ কেন্দ্র?

প্রতি একটি ছবি কেন্দ্রে টেক্সট-সারিবদ্ধ ব্যবহার করে: কেন্দ্র ; আপনি স্থাপন করতে হবে

একটি ব্লক-স্তরের উপাদানের ভিতরে যেমন a div . যেহেতু পাঠ্য-সারিবদ্ধ বৈশিষ্ট্য শুধুমাত্র ব্লক-স্তরের উপাদানগুলিতে প্রযোজ্য, আপনি পাঠ্য-সারিবদ্ধ করুন: কেন্দ্র ; একটি অনুভূমিকভাবে কেন্দ্রীভূত অর্জনের জন্য মোড়ানো ব্লক-স্তরের উপাদানের উপর

পরবর্তীকালে, প্রশ্ন হল, আমি কিভাবে একটি ডিভি কেন্দ্র করব? টেক্সট-সারিবদ্ধ পদ্ধতি

  1. আপনি একটি অভিভাবক উপাদান (সাধারণত একটি মোড়ক বা ধারক হিসাবে পরিচিত) দিয়ে কেন্দ্রে রাখতে চান এমন ডিভটি আবদ্ধ করুন
  2. প্যারেন্ট এলিমেন্টে "টেক্সট-সারিবদ্ধ: কেন্দ্র" সেট করুন।
  3. তারপর অভ্যন্তরীণ ডিভটি "ডিসপ্লে: ইনলাইন-ব্লক" এ সেট করুন

এই বিষয়ে, আমি কিভাবে একটি ব্যাকগ্রাউন্ড ইমেজ কেন্দ্র সারিবদ্ধ করব?

জন্য কেন্দ্র বা অবস্থান ব্যাকগ্রাউন্ড ইমেজ আপনার ব্যবহার করা উচিত পটভূমি - অবস্থান সম্পত্তি দ্য পটভূমি - অবস্থান সম্পত্তি শুরু সেট করে অবস্থান এর a ব্যাকগ্রাউন্ড ইমেজ উপাদানের উপরে এবং বাম দিক থেকে। CSS সিনট্যাক্স হল পটভূমি - অবস্থান : xvalue yvalue;.

আমি কিভাবে অনুভূমিকভাবে একটি div কেন্দ্র করব?

আসুন ধাপে ধাপে অনুভূমিকভাবে একটি কেন্দ্রীভূত করা দেখি:

  1. বাইরের উপাদানটির প্রস্থ সেট করুন (অর্থাৎ 100% পুরো লাইনটি কভার করে)।
  2. পৃষ্ঠার মধ্যে উপাদানটিকে অনুভূমিকভাবে কেন্দ্রে রাখতে মার্জিন বৈশিষ্ট্যটি স্বয়ংক্রিয়ভাবে সেট করুন।
  3. ব্যাকগ্রাউন্ড-কালার প্রপার্টি ব্যবহার করে বাইরের এবং ভিতরের ডিভের জন্য আপনার পছন্দের রং সেট করুন।

প্রস্তাবিত: