সিএসএস ব্যাকগ্রাউন্ড রিপিট

ডিফল্ট ভাবে background-image property ব্যাকগ্রাউন্ড ইমেজ রিপিট বা পুনরাবৃত্তি করে আনুভুমিক(horizontally) ও উলম্ভ (vertically) ভাবে ।

CSS background-repeat

কিছু ছবি শুধুমাত্র অনুভূমিকভাবে বা উল্লম্বভাবে পুনরাবৃত্তি করা উচিত, অথবা সেগুলি অদ্ভুত দেখাবে, যেমন:

নিজের উদাহরন টি দেখুন

body {
      background-image: url('gradient_-bg1.jpg');
}

নিজে চেষ্টা করুন

যদি উপরের ব্যাকগ্রাউন্ড চিত্রটি শুধুমাত্র অনুভূমিকভাবে (horizontally) পুনরাবৃত্তি করা হয়, (background-repeat: repeat-x;), তাহলে পটভূমিটি আরও ভাল দেখাবে

body { 
    background-image: url('gradient_-bg1.jpg'); 
    background-repeat: repeat-x;
}

নিজে চেষ্টা করুন

টিপ: একটি ছবি উল্লম্বভাবে(vertically) পুনরাবৃত্তি করতে, সেট করুন background-repeat: repeat-y;


সিএসএস ব্যাকগ্রাউন্ড রিপিট no-repeat

যদি এমন হয় যে আপনি একবারের বেশি ব্যাকগ্রাউন্ড ইমেজ টি নিবেন না, অর্থাৎ যেনো পুনরাবৃত্তি বা Repeat না করতে চান, তাহলে ব্যবহার করতে হবে background-repeat: no-repeat;

body {
    background-image: url('water.png'); 
    background-repeat: no-repeat;
}

নিজে চেষ্টা করুন

 

কমেন্ট করুন

Your email address will not be published. Required fields are marked *