কম্পিউটার টিউটোরিয়াল

HTML-এ ব্যাকগ্রাউন্ড রঙ (Background Color) সেট করা

HTML-এ ব্যাকগ্রাউন্ড রঙ সেট করতে style অ্যাট্রিবিউট ব্যবহার করুন। style অ্যাট্রিবিউট একটি এলিমেন্টের জন্য ইনলাইন স্টাইল নির্দিষ্ট করে। এই অ্যাট্রিবিউট HTML <body> ট্যাগের সাথে ব্যবহার করা হয়, CSS প্রোপার্টি background-color দিয়ে। HTML5 <body> ট্যাগের bgcolor অ্যাট্রিবিউট সাপোর্ট করে না, তাই ব্যাকগ্রাউন্ড রঙ যোগ করতে CSS স্টাইল ব্যবহার করা হয়। bgcolor অ্যাট্রিবিউট HTML5-এ ডিপ্রিকেটেড।

মনে রাখবেন, style অ্যাট্রিবিউটের ব্যবহার গ্লোবালি সেট করা যেকোনো স্টাইলকে ওভাররাইড করে। এটি HTML <style> ট্যাগ বা এক্সটার্নাল স্টাইলশীতে সেট করা যেকোনো স্টাইলকে ওভাররাইড করবে।

HTML-এ ব্যাকগ্রাউন্ড রঙ (Background Color) সেট করা

উদাহরণ

নিচের কোড চালিয়ে দেখুন HTML-এ ব্যাকগ্রাউন্ড রঙ সেট করতে:

<!DOCTYPE html> <html>    <head>       <title>HTML Backgorund Color</title>    </head>    <body style="background-color:grey;">       <h1>Products</h1>       <p>We have developed more than 10 products till now.</p>    </body> </html>

আউটপুট

HTML-এ ব্যাকগ্রাউন্ড রঙ (Background Color) সেট করা

  1. HTML-এ লিংকের রঙ (Color) পরিবর্তন করা

  2. HTML DOM Style backgroundColor প্রপার্টি

  3. HTML DOM Style color প্রপার্টি

  4. জাভাতে JSplitPane-এ ব্যাকগ্রাউন্ড কালার সেট করা