একটি HTML উপাদানে একটি পটভূমির রঙ যোগ করতে, আপনি CSS বৈশিষ্ট্য background-color ব্যবহার করতে পারেন .
ধরা যাক আপনার কাছে নিম্নলিখিত HTML মার্কআপ আছে এবং আপনি <body>-এ একটি পটভূমির রঙ যোগ করতে চান উপাদান:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Changing background color in HTML/CSS</title>
</head>
<body>
<h1>Here's an awesome website!</h1>
</body>
</html>
পটভূমির রঙ যোগ করার সবচেয়ে সহজ উপায় হল একটি অভ্যন্তরীণ <style> তৈরি করা আপনার HTML নথিতে উপাদান।
<head>-এ HTML এ উপাদান, <style></style> এর একটি সেট তৈরি করুন ট্যাগ. তারপর আপনি <style>-এ পটভূমির রঙের জন্য CSS শৈলীর নিয়ম যোগ করতে পারেন উপাদান।
<head>
<meta charset="UTF-8">
<title>Changing background color in HTML/CSS</title>
<style>
body {
background-color: #78a8eb;
}
</style>
</head>এই এইচটিএমএল এবং সিএসএস কোডের ফলে এমন একটি ওয়েবপেজ দেখাবে!
রঙের স্বরলিপি
#78a8eb background-color-এর মান সম্পত্তি হেক্সাডেসিমেল স্বরলিপিতে লেখা হয়, যাকে হেক্সও বলা হয়। এটি লাল, সবুজ এবং নীল চ্যানেলের জন্য প্রতিটি অক্ষরের সেট সহ রঙের প্রতিনিধিত্ব করে। অক্ষরগুলির পরিসীমা 0 থেকে 9 পর্যন্ত, তারপর A-F অক্ষর। শূন্য (0) হল সর্বনিম্ন মান, এবং F হল সর্বোচ্চ মান৷
এছাড়াও আপনি অন্যান্য স্বরলিপি ব্যবহার করে CSS-এ রং উপস্থাপন করতে পারেন।
উদাহরণস্বরূপ, কার্যকরী স্বরলিপিতে, রঙটি rgba() হিসাবে ফর্ম্যাট করা হয় . আমাদের উদাহরণে ব্যাকগ্রাউন্ডের রঙটি এভাবে লেখা হবে:
background-color: rgb(120, 168, 235);অথবা HSL (Hue, Saturation, Lightness) স্বরলিপিতে এটি এভাবে লেখা হবে:
background-color: hsl(215, 74%, 70%);রঙ লেখার এই তিনটি উপায়ের যে কোনো একটি আধুনিক ব্রাউজারে গ্রহণযোগ্য৷
৷অপ্রচলিত পদ্ধতি (ব্যবহার করবেন না)
ওয়েব স্ট্যান্ডার্ডের পূর্ববর্তী সংস্করণে, লোকেরা bgcolor ব্যবহার করবে এইচটিএমএল ট্যাগে একটি হেক্স রঙ সহ সম্পত্তি:
<body bgcolor="#78a8eb" ></body>যাইহোক, এটি পটভূমির রঙ সেট করার একটি পুরানো উপায়। আপনার আর এটি ব্যবহার করা উচিত নয়- রঙ নিয়ন্ত্রণ করতে শুধুমাত্র CSS শৈলী লিখতে থাকুন।
